aut*_*uto 1 css media-queries responsive-design
我正在使用 css 媒体查询来使网页（当前未发布）响应。然而，在Chrome Inspector移动设备模式下，网站没有响应。但是，如果我实际调整浏览器窗口的大小，它就会响应。
媒体查询开始如下：
@media screen and (max-width: 767px) {}
小智 6
将其放入<head>您页面的：
<meta name="viewport" content="width=device-width, initial-scale=1">
视口元标记简化了一些非常危险的事情，指导浏览器以某种方式运行，而不是浏览器尝试估计显示页面的正确方式是什么。正如您所发现的，拥有 CSS 断点可能还不够——对于某些设计和浏览器来说，这很好，但这取决于浏览器。
width=device-width使用自定义值 ( device-width)，顾名思义，将此视口的宽度设置为设备的宽度。initial-scale意思是像将缩放设置为 100% 之类的。所以，一起：让视口与设备一样宽，并且不要放大或缩小。