某些字体大小在Safari（iPhone）上呈现较大
有没有CSS或其他原因为什么Safari / iPhone会忽略一些字体大小的设置？ 在我的特定网站上，iPhone上的Safari呈现一些font-size：13px文本大于font-size：15px文本。 它可能不支持一些元素的字体大小？
乔的回应有一些很好的最佳实践，但我认为你所描述的问题是围绕这样一个事实，即移动版Safari会自动缩放文本，如果它认为文本会变得太小。 你可以用CSS属性-webkit-text-size-adjust来解决这个问题。 下面是一个如何将这个应用到你的身体的例子，只是为了iPhone：
@media screen and (max-device-width: 480px){ body{ -webkit-text-size-adjust: none; } }
另外，请确保您在视口元标记中将初始缩放设置设置为1：
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
我不再使用像素定义，因为它们真的让人困惑，而且在视觉服务上也不完全相同。
满足单位
- “Ems”（em）：“em”是用于networking文档媒体的可扩展单元。 em等于当前字体大小，例如，如果文档的font-size是12pt，则1em等于12pt。 Ems在本质上是可扩展的，所以2em等于24pt，.5em等于6pt等。由于可扩展性和移动设备友好性，Ems在Web文档中变得越来越stream行。
- 像素（像素）：像素是固定大小的单位，用于屏幕媒体（即在电脑屏幕上阅读）。 一个像素等于计算机屏幕上的一个点（屏幕分辨率的最小分数）。 许多网页devise人员使用网页文档中的像素单位，以便在浏览器中呈现网站时产生像素完美的网站表示。 像素单元的一个问题是，它不能向上扩展视力不佳的阅读器或向下以适应移动设备。
- 点数（点数）：点数通常用于印刷媒体（任何要印在纸上的东西等）。 一点等于1/72英寸。 点很像像素，因为它们是固定大小的单位，不能缩放。
- 百分比（％）：百分比单位非常像“em”单位，除了一些基本的差异。 首先，当前字体大小等于100％（即12pt = 100％）。 在使用百分比单位的同时，您的文字仍可完全扩展至移动设备和辅助function。
使用100％而不是无。
normalize.css包含这个
我有同样的问题，原来的CSS是这样的：
-webkit-text-size-adjust：120％;
我不得不把它改成100％，一切都很顺利。 无需将所有px更改为em或%%。
