某些字体大小在 Safari (iPhone) 上渲染得更大

Question

是否有 CSS 或其他原因导致 Safari/iPhone 会忽略某些字体大小设置？在我的特定网站上，iPhone 上的 Safari 呈现一些 font-size:13px 文本大于 font-size:15px 文本。它可能不支持某些元素的字体大小吗？

原文由 Alex 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Joe 的回复中有一些很好的最佳实践，但我认为您所描述的问题围绕着这样一个事实，即如果 Mobile Safari 认为文本将呈现太小，它会自动缩放文本。您可以使用 CSS 属性 -webkit-text-size-adjust 来解决这个问题。这是如何将其应用于您的身体的示例，仅适用于 iPhone：

 @media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

原文由 David Kaneda 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

使用 100% 而不是无。

normalize.css 包括这个

原文由 user3276706 发布，翻译遵循 CC BY-SA 3.0 许可协议