在我的桌面浏览器和我的 iPhone 浏览器上可视化这个网站 (http://bluecodestudio.com/kipos/updates/new/) 时，我无法修复一个恼人的差异。
在 iOS 的 Safari 上查看时，具有较小字体大小的“p”标签以与“h2”标签相同的字体大小显示。
这是什么原因？提前致谢。
问问题
102 次
3 回答
2
移动 Safari 和其他一些移动浏览器通常会增加文本大小以使其更具可读性。
您可以使用以下规则在 CSS 中禁用此功能：
-webkit-text-size-adjust: 100%;
其他移动浏览器也有 -moz 和 -ms 前缀。
于 2012-11-26T19:24:13.267 回答
1
为了避免浏览器特定的默认样式表之间的差异，请使用 Eric 的reset.css或（我更喜欢）normalize.css
继续阅读：https ://stackoverflow.com/questions/116754/best-css-reset
于 2012-11-26T19:23:16.350 回答
1
这是因为他们使用不同的样式表，一种用于移动设备，一种用于桌面。在 iPhone 上，h2 是 23 px，p 是 22 px，你看不出有什么不同。在桌面上，h2 是 20 px，p 是 14 px，差别很大，一目了然。
您可以通过非常酷但鲜为人知的 Mobile Safari 功能 Web Inspector 轻松发现这类事情，通过将 iPhone 连接到台式计算机并阅读这些功能，您可以查看 iPhone 上显示的网页的 CSS 和其他详细信息桌面 Safari 的详细信息。哇。
于 2012-11-26T19:25:31.703 回答