烦人的问题让测试变得有点麻烦。以下是iOS Safari
呈现按钮元素的方式:
以下是Chrome
中较小屏幕上同一图像的渲染方式:
两个按钮的计算样式如下:
Safari:
Chrome
正如您所看到的,在重要的地方,价值观是相同的。即使-webkit-text-size-adjust
位于100%
。我老老实实地失去了为什么它们之间的浏览器不同。
Meta标签如下:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">