Preserve Font-size with Landscape orientation

Posted in CSS3, Responsive Design
Tags: , ,

In apple mobile devices, the font-size rescales when the viewport changes to increase readability.

So the font-size will zoom larger from portrait to landscape orientation. To prevent this but to not restrict desktop uses from being able to make the font-size larger (zoom in), you can put this CSS property -webkit-text-size-adjust in a media query:

By setting this property to 100%, you are telling WebKit to disable the automatic behavior, but still allow user-initiated zoom.

Leave a Reply

Your email address will not be published. Required fields are marked *