调整Chrome响应模式窗口大小而不更改比例

时间:2016-04-06 00:16:16

标签: google-chrome google-chrome-devtools

我曾经能够打开开发人员工具,点击右下方的小图标打开响应模式,然后拖动窗口宽度手柄来更改设备宽度。

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

然而现在它只是改变了页面的比例,而不是宽度 - 这是垃圾。

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

编辑:

哦 - 可能不好。这只是我所在的网站。其他人工作得很好。哦,好吧。

2 个答案:

答案 0 :(得分:3)

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

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

这个答案来自here

答案 1 :(得分:1)

按CTRL SHIFT M序列使用切换设备模式,如果页面的组件响应,页面应缩放。