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).

enter image description here

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

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -