Chrome 开发工具移动缩放比例不会保持 100%

Phi*_*ram 5 mobile zooming google-chrome-devtools

在移动设备模式下使用 Chrome 开发人员工具并在断点之间切换时(顶栏用不同颜色指示每个断点),预览窗口会调整大小,但也会缩放到 100% 以下。我可以单击缩放下拉菜单并将其设置回 100%,但是当激活不同的断点时,它会再次缩放到 100% 以下。有时,每个百分比的百分比并不相同,但我一生都无法弄清楚 Chrome 是在哪里得到这个指令来不断缩小规模的。

这不是页面在 Chrome 开发工具设备上无法缩放 100%的重复

在其他浏览器中尝试过类似的工具,所有断点均保持文档中定义的 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,并且自动调整缩放在切换时没有影响。

我还尝试了一个新的浏览器(金丝雀),以消除任何可能的插件,并且在 Chrome nightly 版本中得到相同的结果。

这是一个视频,但由于 Loom 视频质量较低的限制,文本很难阅读 - https://www.loom.com/share/367e79c6ff9349a5bae96d1b818bd8b7