html - Font-size on iOS with viewport -
i can't figure out.
i'm build html game , game fonts bigger in iphone4 in pc browser (chrome).
i'm using tag on html:
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
the font size set @ 4em in buttons "-webkit-text-size-adjust: none;" css property in whole body.
i know has pixel density , iphone resolution, tried , can't make them both same.
if remove html viewport tag, fonts end looking smaller they're supposed be.
thank you.
do have appropriate media query it? 4em on mobile huge, don't go above 1.2-5 em on mobile sites.
add in css
@media screen , (min-width: 1px) , (max-width:590px){ /*what ever element is*/{ font-size: 1em; } }
Comments
Post a Comment