Safari：字体大小的视口计算不正确

时间：2016-02-21 10:43:23

标签： ios css webkit mobile-safari viewport

  1. 在任何iPhone上的Safari中打开以下HTML：
    2. <!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width
                                   initial-scale=1.0
                                   user-scalable=no" />
</head>
<body>

<div>Responsive design</div>

</body>
</html>

    正确呈现内容：我们在纵向模式下具有相同的字体大小（适用于iPhone 5的视口宽度= 320px）和横向模式（适用于iPhone 5的视口宽度= 568px）。

    Correct rendering

    1. 将文字Responsive design替换为Responsive <!-- really? --> design（或其他标签，或添加其他简单div）。看到差异???

      2. enter image description here

      它被渲染为好像视口是320px！

      这是最简单的例子。在一些更复杂的情况下，我在一个页面上创建了几个具有正确字体大小的div，但是其他divs＆＃39;字体仍然不正确。

      无论字体是什么。你可以用例如div { font: 20px Helvetica; }

      经过测试：

      • 最新的iOS 9.2.1（设备） - Safari，Chrome和其他基于Safari的浏览器
      • iOS 7.1 / 8.4 / 9.2模拟器 - Safari

      同样的问题......这是一个错误吗？还是一个功能？为什么它会在那里存在多年？

      iPad上没有这样的问题。

0 个答案:

没有答案
相关问题
最新问题