移动设备上纵向与横向的字体大小

Question

我正在开发一个移动网站，但遇到了这个问题 - 字体大小为14px，在横向上显示的比在肖像中大得多。然而，它似乎是基于Div大小设置为100％的事实，所以在景观中它显然更宽。我不明白为什么这会影响字体的大小，因为14px不是相对大小而是固定的大小？

对此我有什么解释吗？感谢任何答案（只要你不告诉我，我错过了一些明显的东西！）

Answer 1

Apple在视口更改时重新调整字体大小以提高可读性。将font-size设置为像14px这样的绝对值并不重要。要禁用它，您可以使用以下CSS：

-webkit-text-size-adjust: none;

Answer 2

@ hotshot309的评论（链接到来自55 Minutes的这篇文章）是正确答案，但我担心作为评论它没有得到应有的关注。 OP（以及可能来到这里的任何人）应该使用的是：

-webkit-text-size-adjust: 100%;

如果你将它设置为none，用户将无法进行扩展，即使他们想要（当我不想违反显示器的情况时，通常我会在台式机上进行扩展）个人空间与我的脸）。使用100%可以防止webkit执行其默认扩展，同时仍然允许用户自己自行执行此操作。