防止浏览器窗口在 Chrome 开发工具窗格打开时缩放

Posted 2023-03-07

【中文标题】防止浏览器窗口在 Chrome 开发工具窗格打开时缩放

【英文标题】：Prevent browser window from scaling when chrome dev tools pane is open

【发布时间】：2014-02-22 02:35:19

【问题描述】：

Chrome 的开发工具今天开始出现异常行为。当我展开开发工具窗格时，主浏览器窗口会按比例缩小，而不是变窄（或更短）。

我已经在设置中进行了搜索，看看是否有一些我无意中选中或未选中的内容，但没有任何运气。我还禁用了所有扩展程序并验证我使用的是当前版本的 Chrome。

您可以在下面的屏幕截图中看到效果。第一个屏幕截图中的浏览器窗格已经缩小，并且随着我在第二个屏幕截图中展开开发工具窗格而进一步缩放。

我应该怎么做才能解决这个问题？

【参考方案1】：

事实证明这是我无意中检查的设置组合。

在开发者工具设置中，必须选中在控制台抽屉中显示“仿真”视图 在控制台抽屉的 Emulation 选项卡上，如果同时选中 Emulate screen 和 Shrink to fit，浏览器窗口将随着开发工具窗格的大小调整而缩放.

我取消选中模拟屏幕，一切都很好。

【讨论】：

我在我的身上发现了同样的东西，无法弄清楚。谢谢。