【发布时间】：2012-11-14 07:49:14
【问题描述】：
在我的桌面浏览器和我的 iPhone 浏览器上可视化这个网站 (http://bluecodestudio.com/kipos/updates/new/) 时，我无法修复一个恼人的差异。
在 iOS Safari 上查看时，具有较小字体大小的“p”标签以与“h2”标签相同的字体大小显示。
这是什么原因？提前致谢。
【问题讨论】：
标签： html ios css browser font-size
【发布时间】：2012-11-14 07:49:14
【问题描述】：
为避免浏览器特定默认样式表之间的差异，请使用 Eric 的 reset.css 或（我更喜欢的）normalize.css
继续阅读：https://stackoverflow.com/questions/116754/best-css-reset
【讨论】：
-
感谢您的重置！好像我在使用一个没有考虑到移动设备的简单的..
Mobile Safari 和其他一些移动浏览器通常会增加文本大小以使其更具可读性。
您可以在 CSS 中使用以下规则禁用此功能：
-webkit-text-size-adjust: 100%;
还有 -moz 和 -ms 前缀用于其他移动浏览器。
【讨论】：
这是因为他们使用不同的样式表，一种用于移动设备，一种用于桌面。在 iPhone 上，h2 是 23 px，p 是 22 px，你看不出有什么不同。在桌面上，h2是20px，p是14px，差别很大，一目了然。
您可以通过非常酷但鲜为人知的 Mobile Safari 功能 Web Inspector 轻松发现这类东西并使用桌面 Safari 阅读这些详细信息。哇。
【讨论】：