Preserve Font Size in Landscape Mode on Phones


How to prevent the font size getting bigger on my Web pages, when viewed from phones in landscape mode?


When user switches from portrait to landscape while viewing a Web page, by default iPhone will automatically apply text size adjustment and make it bigger.

One option to preserve the font size in landscape mode is to use the following CSS property:

html {-webkit-text-size-adjust: 100%;}

But this option also preventing user to do "zoom-in" on your Web page.

2015-05-19, 429👍, 0💬