浏览器的字体大小 - 不同的大小

Question

无论我使用哪种方式（百分比，em，px等），至少在移动浏览器上，Mozilla和Internet Explorer或Chrome上的网站都不会显示相同的字体大小。

我甚至试过把它放在CSS主体规则

上

body
 {
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
-moz-text-size-adjust:none;
text-size-adjust:none;
}

但没有奏效。任何人都知道如何解决它，或者，至少，减少这些尺寸之间的差异，无论我使用的尺寸（和移动浏览器的大小）...？ 谢谢！

Answer 1

此处的解决方法是https://stackoverflow.com/a/15137584/202550。我认为有些suppress adjustment conditions被触发了，这就行了。

为文本容器设置一个真正的大max-height，这将像text-size-adjust: none一样工作：

.text {
    max-height: 5000em;
}

然后在HTML中使用此类：

<p class="text">Lorem...</p>

Answer 2

如果你真的需要控制它，你最好的方法是使用＆＃34; css reset＆＃34;或者＆＃34; css标准化＆＃34;图书馆（例如http://nicolasgallagher.com/about-normalize-css/）。

通常，您可以在html / body中使用一些通用规则，并且可能会有一些利用浏览器特定的CSS功能来调整一些细节。您可能最终还需要使用行高，输入元素以及许多其他零碎碎片。使用图书馆真的好多了。