Question

So I’ve come across an issue with a site today regarding strange behavior with Google Chrome. Essentially when the end user uses the built in “CTRL +/ CTRL -” functions to change the text size on the page, the images get bigger and all, but the text size remains constant. I’ve gone over the markup and css and can’t find anything that would cause this. The site behaves as expected when the equivalent functions are used in Firefox and I.E. so I am wondering if anyone has any idea what would cause this?

Does anyone have any suggestions on what I should look for here?

Answer 1

Look for:

-webkit-text-size-adjust: none;

in your CSS.

If it exists, there’s your problem. Change it to:

-webkit-text-size-adjust: auto;

or remove the reference altogether (it should default to auto).