为什么在移动浏览器中某些字体大小变大？

Question

我网站的主页上有一些h和div元素。第一个h2代码和div代码的字体大小是px。我有＆＃34; -webkit-text-size-adjust：none;＆＃34; html和body标签中的spesification也是。然而，第一个标签的字体大小在移动浏览器中呈现得更大。为什么？我该如何解决这个问题？

css代码：

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;
}

Answer 1

尝试将其添加到HTML的head标记中。

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

Answer 2

text-size-adjust: none;，如果您必须强迫他们不要这样做。