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

gda*_*iel 44 google-chrome google-chrome-devtools

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

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

我当前的chrome版本:版本54.0.2840.98(64位)

Jac*_*ett 46

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

截图在这里

  • 在最新版本的Chrome中,可以在以下位置找到重置选项:`三点菜单-设置-首选项-恢复默认值并重新加载` (5认同)
  • 这可行。对我来说似乎是Chrome中的错误 (2认同)
  • 只是想注意上面提到的菜单在显示响应式视图的窗口右上角的三点菜单中。上面并不完全清楚,特别是如果您在自己的窗口中未停靠开发工具(上面的屏幕截图显示已停靠)。 (2认同)

小智 16

这是我最终通过5个步骤最终解决此问题的方法,希望对您有所帮助:

  1. 单击"Toggle device toolbar"以调出工具栏 切换设备工具栏图标的图像

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

3点位置的图像

  1. 单击选项"Add device type"

  2. 这会将新的下拉列表添加到设备工具栏。从那里您可以选择"Desktop (touch)" 新设备类型下拉菜单的图像

  3. 问题解决了。

  • 非常适合我。 (3认同)
  • 我什么都不做。 (2认同)

小智 9

要禁用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" />
Run Code Online (Sandbox Code Playgroud)

这不是铬问题

  • 该解决方案禁用了所有用户的缩放功能,这对于依赖它的人来说是一个真正的可访问性问题。 (2认同)
  • 这不起作用,开发工具仍然会缩放页面。例如,当您的屏幕小于 1920 并设置 1920 宽度时,它会缩放到 100% 以下以适应。 (2认同)

gda*_*iel 8

我很久以前问过这个问题,今天我注意到 Chrome 的一个变化。我不确定这是什么时候引入的,因为我没有使用那么多响应选项,但是在版本 73.0.3683.86(官方构建)(64 位)上,现在有一个名为“自动调整缩放”的选项,它默认情况下已选中(启用)。我取消选中它,现在调整屏幕大小时缩放将不再改变。

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

在此处输入图片说明

  • 昨晚我注意到了同样的事情,切换该设置没有任何作用。我有一种感觉,这是一个错误,但您提到的设置_应该_始终按照您所经历的方式工作。因此,对于那些没有遇到此错误并且仅启用该设置的人来说,这应该可以工作。(顺便说一句,使用 [this answer](/sf/answers/3198677611/) 中概述的步骤有效。) (9认同)
  • 启用或禁用此选项后,它仍然会自动调整。 (4认同)