iOS浏览器的差异

Question

在我的桌面浏览器和我的iPhone浏览器上可视化本网站（http://bluecodestudio.com/kipos/updates/new/）时，出现了令人讨厌的差异，这是我无法修复的。

当在iOS的Safari浏览器中查看时，'p'标签的字体大小较低，与'h2'标签的字体大小相同。

这是什么原因？提前致谢。

Answer 1

移动Safari浏览器和其他一些移动浏览器通常会增加文字大小，使其更具可读性。

您可以用CSS规则禁用此：

-webkit-text-size-adjust: 100%; 

也有-moz和-ms对其他移动浏览器的前缀。

Answer 2

为了避免特定浏览器默认样式表之间的差异使用像埃里克reset.css或（我喜欢）normalize.css
继续阅读这里：https://stackoverflow.com/questions/116754/best-css-reset

Answer 3

这是因为他们使用不同的样式表，一个用于移动设备，一个用于桌面。在iPhone上，h2是23像素，p是22像素，而且你看不到太多差别。在桌面上，h2是20像素，p是14像素，这是一个很大的差异，很容易看到。

您可以通过一个非常酷但很少知道的移动Safari功能Web Inspector来轻松发现此类事物，它允许您通过将iPhone连接到桌面来查看显示在iPhone上的Web页面的CSS和其他详细信息电脑和桌面Safari阅读这些细节。哇。