-webkit-text-size-adjust is no longer supported, how to set the font size to less than 12 pixels

When I upgrade my chrome to 28.0.1500.11 dev-m , I find that:

-webkit-text-size-adjust:none; 

is no longer supported, and I found the changelog here http://trac.webkit.org/changeset/145168

This does not work in chrome when I install CSS as follows:

 font-size:10px;//number less than 12 

In chrome (version: 28.0.1500.11 dev-m) the font size is also `t22>

I tried this:

 font-size:10px; -webkit-transform:scale(0.83); display:inline-block; 

I know that this may be the wrong way to fix this problem.

thank you for your help

+7
source share
2 answers

This trick helped me solve:

Setting a maximum height greater than the height of elements on one of the parent elements seems to solve this problem.

Found here: http://davemacaulay.com/webkit-text-size-adjust-doesnt-work-on-android-chrome/

+1
source

It is better to set the font in em units, especially for mobile devices. That way, you can easily target all em using a media query or something else. http://www.w3schools.com/cssref/css_units.asp

-3
source

All Articles