⬆️ ⬇️

The “text-size-adjust” property becomes more cross-browser

Readers of the “Safari CSS Reference” certainly came across the property -webkit-text-size-adjust ”, which, according to the directory, controls the display of text on a mobile phone (iOS) and can take one of the following three values:



→ “ auto ” (the text on the mobile phone is automatically adjusted);



→ “ none ” (the size of the text on the mobile phone does not change);

')

→ “ 60% ” (or another percentage) means the desired relative size of the text on a mobile phone.



Roger Johansson in his blog " 456 Berea Street " warned against using this property and urged to abandon it completely, because once I ran into a site where this property had the value "none" and led to the fact that the font size could not be increased without only in a mobile phone, but also in an ordinary computer (by pressing "Command-Plus") in any WebKit-based browser: neither in Safari, nor in Chrome, nor in OmniWeb, nor in iCab ...



Despite this, WebKit is not the only basis for mobile browsers; as we know, there is also a mobile Firefox. The Firefox developers announced in the MDN wiki that Firefox 11 and newer versions will also support the text-size-adjust ” property, which thus becomes even more cross-browser. (As XaocCPS tells me, this property called “-ms-text-size-adjust” is also supported on Windows Phone 7.)



How Firefox will perceive the value “ none ”, time will tell. Even if it is normal, I would be careful not to set -prefix-free to this value, but the result will not be unpleasant in WebKit.

Source: https://habr.com/ru/post/133465/



All Articles