Html Chrome开发者工具没有';不要改变网站

Html Chrome开发者工具没有';不要改变网站,html,google-chrome,google-developer-tools,Html,Google Chrome,Google Developer Tools,我在使用Google Chrome开发者工具时遇到了一个非常奇怪的问题,当我试图更改设备时,它“看起来”只是缩小了 当我最小化浏览器窗口并手动使其变小时,效果良好,如下图所示: css改变了,一切都很好 但是,当我使用开发者工具将其更改为移动设备时,实际上什么都没有发生: 为什么会这样 我使用的是版本86.0.420.111您需要将以下内容添加到标记内的代码中 <meta name="viewport" content="width=device-widt

我在使用Google Chrome开发者工具时遇到了一个非常奇怪的问题,当我试图更改设备时,它“看起来”只是缩小了

当我最小化浏览器窗口并手动使其变小时,效果良好,如下图所示:

css改变了,一切都很好

但是,当我使用开发者工具将其更改为移动设备时,实际上什么都没有发生:

为什么会这样


我使用的是版本
86.0.420.111

您需要将以下内容添加到
标记内的代码中

<meta name="viewport" content="width=device-width, user-scalable=no">

如果没有它,手机上的页面将无法响应