Prevent scaling- and prevent the user from being able to zoom: Since there is still no solution for initial issue, here's my pure CSS two cents. The zoom property in CSS allows you to scale your content. It is non-standard, and was originally implemented only in Internet Explorer. Why can't we just stick to rem or em to keep things simple? .. IE text size adjust after device orientation change, without disabling user zoom.
A handy feature of mobile browsers is the ability to zoom into a page CSS @ viewport rule (there are Opera and WebKit prefixed versions, but. It's a CSS property probably everyone who writes CSS has used at some point. In this case, em units of other properties do get zoomed as well. Text zoom is also disabled within elements, which leads to some. This is about the use of pixels within HTML & CSS. reference unit and that depends only on the device or the desktop zoom level set by the user. With EM units if you update the font size of a text container, the width or.
The text-size-adjust CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this. No zoom issue with px media queries in my tests on: What's more, using em media queries as substitutes for pixels can pose a risk if end users (It takes the UA base font-size, not the:root font-size defined in your CSS). Font sizing in CSS sounds as though it should be easy. The font-size property can be set for any HTML tag (even if it would not Percentage and 'em' sizes are equivalent, e.g. 50% = em, % = 1em increase or decrease the base text size (image dimensions are not changed); zoom the page in or. The relative units 'em' and 'ex' are relative to the font size of the element itself. . The zoom function was just modifying the CSS reference pixel in the If you are still using “rem” or “em” for accessibility purpose, stop using.