CODEWITHSUNDEEP
htmlcssmobilefontsmobile-safari
user3620931
user3620931

Reputation: 131

Why some font-sizes rendered larger in mobile browsers?

My website's homepage have some h and div elements. The first h2 tag's and div tag's font sizes are with px. I have "-webkit-text-size-adjust: none;" spesification in html and body tags also. However the first tags's font size's rendered bigger in mobile browsers. Why? How can I solve this problem?

css codes:

h2 {
font-size: 16px;
}
#main h2 {
font-size: 16px;
font-weight: normal;
margin: 0;
}

.introdiv {
font-size: 12px;
line-height: 1.3;
margin: 0;
padding: 0 10px 24px 3px;
}

Upvotes: 4

Views: 2765

Answers (2)

Константин Ван
Константин Ван

Reputation: 14819

text-size-adjust: none;, if you must force them not to do that.

Upvotes: 2

korsun
korsun

Reputation: 668

Try adding this into the head tag of your HTML.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Upvotes: 8

Related Questions