Chrome Dev Tools移动缩放比例不会保持100%

时间:2019-07-28 18:05:37

标签: mobile google-chrome-devtools zoom

在移动设备模式下使用Chrome Developer Tools并在断点之间切换时(顶部栏带有不同的颜色指示每个断点),预览窗口会调整大小,但会缩放到100%以下。我可以单击缩放下拉菜单并将其设置回100%,但是在激活其他断点时,它会再次缩放到100%以下。有时候,两者的百分比比例并不相同,但是我无法终生弄清楚Chrome从何处获得此指令以不断缩小比例。

这不是Page doesn't scale 100% on Chrome Dev Tools devices

的副本

在其他浏览器中尝试过类似的工具,并且所有断点均保持100%比例1:1,如文档中所定义。只有Chrome开发工具会遇到这种情况。

我已经验证了我的元视口设置也是100%缩放的。

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />

预期结果是每个断点默认情况下应按照视口定义以100%的比例渲染吗?

实际结果是随机缩放比例,我不知道为什么会发生这种情况。

我没有从设备下拉列表中选择特定设备。设置为“自适应”,DPR设置为1.0,并且自动调整缩放在切换时没有影响。

我也尝试过使用新的浏览器(canary),以消除所有可能的插件,并在Chrome夜间版本中获得相同的结果。

这里是视频,但由于受Loom视频质量低的限制-https://www.loom.com/share/367e79c6ff9349a5bae96d1b818bd8b7

,文本难以阅读

0 个答案:

没有答案