某些字体大小在Safari（iPhone）上呈现较大

Question

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

Answer 1

Joe的回复中有一些很好的最佳实践，但我认为你所描述的问题主要集中在Mobile Safari自动缩放文本，如果它认为文本渲染太小。你可以通过CSS属性-webkit-text-size-adjust解决这个问题。这里有一个如何将其应用到你的身体样本，只是为iPhone：

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

Answer 2

我不再使用像素定义，因为它们确实令人困惑，并且在视觉服务中不完全相同。

拜见单位

1. “EMS”（EM）：“环监”是在网络媒体文件使用一个可扩展单元。 em等于当前字体大小，例如，如果文档的字体大小是12pt，则1em等于12pt。 Ems具有可扩展性，因此2em等于24pt，.5em等于6pt等。由于可扩展性和移动设备友好性，Ems在Web文档中越来越流行。
2. 像素（像素）：像素是用于屏幕媒体（即在计算机屏幕上读取）的固定尺寸单位。一个像素等于计算机屏幕上的一个点（屏幕分辨率的最小分数）。许多网页设计师在网页文档中使用像素单位，以便在浏览器中呈现网站时产生像素完美的网站表示。像素单元存在的一个问题是，对于视觉受损的阅读器，它不会向上扩展，或者向下扩展以适应移动设备。
3. 积分（pt）：积分常用于印刷媒体（任何要印在纸上的东西等）。一点等于1/72英寸。点与像素非常相似，因为它们是固定大小的单位，无法缩放。
4. 百分比（％）：百分比单位与“em”单位非常相似，除了一些基本的差异。首先，当前字体大小等于100％（即12pt = 100％）。在使用百分比单位时，您的文字对于移动设备和辅助功能仍可完全扩展。

Answer 3

我有同样的问题，结果发现在原来的CSS有这行：

-webkit-文本的大小调整：120％;我不得不把它改成100％，一切都很顺利无需将所有px更改为em或%%。

Answer 4

此外，还要确保你在你的视初始变焦设置设置为1元标签：

<meta name="viewport" content="width=device-width; initial-scale=1.0;" /> 

Answer 5

Use 100% instead of None.

normalize.css包括本