如何阻止Chrome响应式检查器更改缩放？

Question

- 在Chrome检查器中使用“切换设备滚动条”选项时，无论何时键入新的宽度/高度，窗口缩放都会自动调整宽度/高度。这是令人难以置信的令人沮丧的用户界面，因为我不希望变焦调整......永远。避免这种情况的唯一方法是通过拖动侧边框来调整响应窗口的大小。

有没有办法关闭自动变焦？

我当前的chrome版本：版本54.0.2840.98（64位）

Answer 1

我现在已经有过这个问题了几次。我不确定是什么导致它，但我发现您可以通过在"Restore to defaults"菜单中选择Toggle device toolbar来解决问题。

Answer 2

要禁用scala和缩放，必须在head标记内添加：

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

这不是铬问题

Answer 3

以下是我最终通过5个步骤解决此问题的方法，希望有所帮助：

1. 点击"Toggle device toolbar"以启动工具栏

2. 单击设备工具栏右侧的3个点



1. 点击选项"Add device type"。

2. 这将在设备工具栏中添加新的下拉列表。从那里你可以选择"Desktop (touch)"

3. 问题解决了。

Answer 4

很久以前我问这个问题，今天我注意到Chrome发生了变化。我不确定何时引入此功能，因为我没有使用过多的响应选项，但是在73.0.3683.86版（正式版本）（64位）上，现在有一个选项称为“自动调整缩放”，它默认情况下已选中（启用）。我没有选中它，现在调整屏幕大小时缩放将不再更改。

您可以通过在响应屏幕中单击屏幕尺寸旁边的“ 100％”来访问此选项。参见下图：

Answer 5

我已将此错误报告给Chromium。

以下是链接： https://bugs.chromium.org/p/chromium/issues/detail?id=1129880#c2

我已经找到了发生这种情况的原因以及“缓解”的原因：将高度设置为空字符串：“”

Answer 6

1. 点击F12
2. 在右上角，靠近镀铬十字标志点击＆＃34;自定义和控制DevTools＆＃34;烤肉串菜单。
3. 点击设置
4. 点击偏好设置
5. 在底部，单击恢复默认值并重新加载
6. 确保您的扩展程序已被删除。

Answer 7

这对我有用：

1. F12（开放式开发者工具）
2. Ctrl + Shift + M（切换设备工具栏）
3. 点击右上方的三点菜单
4. 单击“添加设备类型”
5. 在顶部栏上，A＆＃34; Mobile＆＃34;或＆＃34;桌面＆＃34;下拉列表应该出现
6. 机会是＆＃34;移动＆＃34;选中，将其切换为＆＃34;桌面＆＃34;

当您处于响应模式并缩小视口/设备的宽度时，自动缩放现在应该消失...

Answer 8

将Dock侧面更改为将其停靠到单独的窗口中，如下图所示：

Answer 9

在响应窗口的缩放菜单下>必须禁用自动调整缩放