Web Design - Preserve Font Size in Landscape Mode on Phones

Preserve Font Size in Landscape Mode on Phones

Q

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

✍: FYIcenter.com

A

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, 572👍, 0💬

"display: inline-block" CSS Property
What is "display: inline-block"? How to use it on block elements? "display: inline-block" is a CSS property that changes the current element to be an "inline-block" element. An "inline-block" element will be displayed inline with other sibling elements. But itself will be maintained as a block respe... 2015-05-17, 714👍, 0💬

Selecting Implicit Paragraphs in CSS
How to select default paragraphs in HTML documents and provide CSS properties? 2015-05-19, 655👍, 0💬

Best Font Size and Weight for Web Pages
What is the best font size and weight for Web pages? The best font size and weight to use for your Web pages is: 14px, normal: abcdACBD1234 Here is how the above font size and weight looks like comparing to some other settings: 6px, normal: abcdACBD1234 8px, normal: abcdACBD1234 10px, normal: abcdAC... 2015-05-19, 631👍, 0💬

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 ... 2015-05-19, 573👍, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.