Picnic Website Code Tutorials

iPhone -webkit-text-size-adjust use 100% instead of none

3/02/2013

The four paragraphs below pose as the Demo. None of them are in media queries.

Everywhere else on the web you will see them suggest you use -webkit-text-size-adjust:none; when you wish to prevent iPhone from increasing text size. This also keeps full size Safari from increasing text size. So they also suggest putting it in media queries to feed the rule to only iPhone. You no longer have to place the rule in media queries. Simply use 100% inplace of none. Using 100% prevents iPhone from increasing text size. It also allows desktop safari to enlarge text on zoom and zoom text only. And has no affect on the ipad. So 100% is what should be used outside of media queries.

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

This paragraph tag has nothing applied to it.

This paragraph tag has none applied to it.

This paragraph tag has 100% applied to it.

This paragraph tag has auto applied to it.

Need help adding this or other code to your website? Post it here in the forum! Forum

Sponsors

Top Donators

Friends of Mine