html - nexus 7 上更大的字体大小（如果我在桌面上缩小/放大，效果相同）

Question

我无法解决这个问题。如果我在桌面或 iphone/ipad 上访问我的页面，它工作得很好，但是当使用 Nexus 7 时，字体大小由于某种原因增加（我认为这就是问题）导致菜单项太大，因此给他们一个新的行。

这是缩小或在nexus 7（页眉导航和页脚导航）上时的外观

如果我在桌面上缩小或放大，你会得到相同的效果，所以你可以在这里测试：solitude-online.com

Answer 1

您正在为您的字体大小使用 em 单位。这是最好的方法，但是 em 单位是基于默认字体大小的。默认字体大小在不同的平台和操作系统上是不同的。您可以通过声明默认字体大小来解决此问题，如下所示：

html {
font-size: 10px;
}
body {
font-size: 16px; /* Fall-back */
font-size: 1.6rem;
}