To improve on Lukasz's idea slightly, try using the following rule in your CSS:
body {
-webkit-text-size-adjust: 100%;
}
Using the value '100%' instead of 'none', allows all other Webkit-based browsers to still resize text when using the zoom function while still preserving your original font size.
This issue is arising only in modern browsers like safari, opera with iPhone device.
Solution is
Append this style with the -webkit-text-size-adjust: 100%; or -webkit-text-size-adjust: none; with required class it works fine.
Example:
I want the condition to be applied only when request comes from mobile. So I have appended the complete navigation path that full fills my requirement.
.mobile-phone .authenticated-page.authenticated.mobile-community.mobile-document .notification .notification-dialog.content-frame
{
-webkit-text-size-adjust: none;
}
or
.mobile-phone .authenticated-page.authenticated.mobile-community.mobile-document .notification .notification-dialog.content-frame {
-webkit-text-size-adjust: 100%;
}
both will work fine. No need to apply the styles for complete body
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…