Chrome开发者工具不会更改网站

问题描述

在使用Google Chrome开发者工具时,它看起来“像”在尝试更换设备时会缩小,这是一个非常奇怪的问题。

当我最小化浏览器窗口并手动将其缩小时,它可以正常工作,如下图所示:

enter image description here

css发生变化,一切都很好。

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

enter image description here

为什么会这样?

我正在使用86.0.420.111

解决方法

您需要在<head>标签内的代码中添加以下内容。

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

如果没有该页面,该页面将无法在移动设备上响应。

More info