Menu
When I update my chrome to 28.0.1500.11 dev-m, I found that:
-webkit-text-size-adjust:none;
is no longer supported,and I found the changlist here http://trac.webkit.org/changeset/145168
It`s not work in chrome when I set the CSS like this:
font-size:10px;//number less than 12
In chrome (version:28.0.1500.11 dev-m) the font-size it`s also 12px
I tried this:
font-size:10px;
-webkit-transform:scale(0.83);
display:inline-block;
I know it`s maybe not the right way to fix that issue
thank you for your help
953
The 12px is the height of the font in pixels. The 13px is the height of the line in pixels.
On mobile, they have paragraphs and small headings that run around 10px - 12px, which is actually considered too small by Google's standards.
This means the primary text of your font should be set to 16px or 12 pt minimum. In fact, that is where Google's Material Design style guide sets the base font size in its typography as well.
This trick helped me to solve:
Setting a max-height greater then the elements height on one of the parents elements seems to resolve this issue.
Found here: http://davemacaulay.com/webkit-text-size-adjust-doesnt-work-on-android-chrome/
61
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
