iPhone -webkit-text-size-adjust use 100% instead of none
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.
