Question

我的网站上有以下内容：

<div style="font-size: 11px; line-height: 17px; text-align: left;">
        <p>lorem ipsum etc etc</p>
</div>

如您所见，字体大小设置为11px。当然，它在所有浏览器中显示为11px，因为没有理由不这样做。看着＆＃34;检查元素＆＃34;没有冲突的风格或任何东西。内联font-size: 11px;就是全部。

然而，出于某种原因，我无法理解，在Android上的Firefox中文字很大。我的意思是巨大的，它破坏了页面的布局。

起初我认为这可能是我的Firefox中有问题的设置，但没有。我尝试了几种设备并且它是一样的。浏览器中有一个选项可以调整文本大小，以及“字体膨胀”字样。选项，但即使将其设置为最小尺寸，此段仍然是巨大的。

该网站的大部分内容看起来还不错，这一段以及其他一些不合适的网站。他们都设置了字体大小。

有什么想法吗？

Answer 1

我可以通过指向这些字体样式的css文件的链接更好地解决这个问题，但是没有看到我建议你尝试使用em单位，看看你是否还有运气。

CSS中使用em的解释+示例 -

除此之外，所有浏览器都不支持font-family，或者使用moz（对于firefox）和webkit（对于chrome）应用的某些浏览器特定样式可能会出现问题。