在不改变比例的情况下调整 Chrome 响应模式窗口的大小

Question

我以前可以打开开发者工具，点击右下角的小图标打开响应模式，然后拖动窗口宽度手柄来改变设备宽度。

这对于了解网站在不同设备上的表现非常有用。

但是现在它只是改变了页面的比例，而不是宽度——这是垃圾。

如何更改宽度保持固定比例？

编辑：

哦——可能不好。这只是我访问的网站。其他人像以前一样工作得很好。那好吧。

Answer 1

您需要在 head 部分中使用此元标记：

<meta name="viewport" content="width=device-width,initial-scale=1">

这个答案来自这里。

Answer 2

通过按 CTRL SHIFT M 序列使用切换设备模式，如果页面组件有响应，则页面应该缩放。