由于文档宽度，无法使媒体查询工作
Cant get mediaqueries to work because of document width
我正在创建一个响应式网站，但我不明白为什么我的文档宽度是 980 像素，即使我在 braves 检查器工具中响应式大小为 428x807。如果我设置这样的媒体查询：
@media only screen and (max-width: 576px) {
h4 {
color:blue;
}
}
这不是说如果屏幕小于 576px 就应该是蓝色的吗？为什么检查器和文件的实际大小不一样？
有一个特殊的 mate 标签可以强制浏览器（尤其是移动浏览器）对其视口宽度保持真实。这个标签是
<meta name="viewport" content="width=device-width, initial-scale=1.0">
并且应该包含在文档的头部。从历史上看，移动设备会假装具有桌面尺寸，因为在移动设备首次普及时，网站根本不会以如此小的屏幕尺寸呈现。我们在这里谈论的是黑莓时代，人们认为在移动设备上呈现极度缩小的网站更合适，这样您就可以根据需要放大，至少可以按预期查看所有内容。我希望这是你的问题，否则我想不出其他解释。
我正在创建一个响应式网站，但我不明白为什么我的文档宽度是 980 像素，即使我在 braves 检查器工具中响应式大小为 428x807。如果我设置这样的媒体查询：
@media only screen and (max-width: 576px) {
h4 {
color:blue;
}
}
这不是说如果屏幕小于 576px 就应该是蓝色的吗？为什么检查器和文件的实际大小不一样？
有一个特殊的 mate 标签可以强制浏览器（尤其是移动浏览器）对其视口宽度保持真实。这个标签是
<meta name="viewport" content="width=device-width, initial-scale=1.0">
并且应该包含在文档的头部。从历史上看，移动设备会假装具有桌面尺寸，因为在移动设备首次普及时，网站根本不会以如此小的屏幕尺寸呈现。我们在这里谈论的是黑莓时代，人们认为在移动设备上呈现极度缩小的网站更合适，这样您就可以根据需要放大，至少可以按预期查看所有内容。我希望这是你的问题，否则我想不出其他解释。