Android Chrome ignoring -webkit-text-size-adjust:none property. Text is being scaled when zoomed out

user_690454 0
Viewed 23451

Our client requested a website, but didn't want to pay for a mobile version. We still are making it work on mobile. When zoomed all the way out, Chrome on Android (4.0) is scaling a bunch of the text. We have tried setting the -webkit-text-size-adjust:none property, but it seems to be ignored and text is still being scaled up.

Works fine on iOS.

Any suggestions?

google-chrome android css
5 Answers

I had the same issue with Firefox on Android.

The solution for me was to add the style "float: left;" to the div containing the problem text.

You might need to set the width of the div to the same as the parent (in pixels or 100%) to ensure it doesn't affect the rest of the divs.

See How to prevent mobile browser from resizing text

user_7516580
Related