Html iOS Safari上输出的字体是否更小？

恼人的问题使得测试有点麻烦。以下是iOS

Safari

如何呈现按钮元素：

下面是如何在

Chrome

中的较小屏幕上渲染相同的图像：

两个按钮的计算样式如下所示：

Safari:

Chrome

正如你所看到的，无论在哪里，价值观都是一样的。甚至

-webkit文本大小调整

也达到

100%

。我现在真的不明白为什么浏览器之间会有差异

Meta标记看起来是这样的：

---

由于包含文本的元素（通过其边框可见）看起来也更大，因此浏览器的缩放级别可能不同，我同意您的看法。为了消除缩放问题，我用meta-viewport标记更新了OP，并尝试设置

*{zoom:100%；}

，但这并没有解决任何问题。我只是在Chrome和FF上测试了你的问题（使用SO网站），同样的问题，FF渲染所有比Chrome更大的东西。。。一句话，这就是它的工作原理，它们有内部样式表等。我不会为此操心太多，因为用户也可以自己设置这些内容，而您对此无能为力。因为包含文本的元素（通过边框可见）看起来也更大，浏览器的缩放级别可能与2不同，我同意您的看法。为了消除缩放问题，我用meta-viewport标记更新了OP，并尝试设置

*{zoom:100%；}

，但这并没有解决任何问题。我只是在Chrome和FF上测试了你的问题（使用SO网站），同样的问题，FF渲染所有比Chrome更大的东西。。。底线是，这就是它的工作原理，它们有内部样式表等。我不会为此操心太多，因为用户也可以自己设置这些东西，而您对此无能为力。