【发布时间】：2014-03-25 17:30:49
【问题描述】：
我正在尝试查看您的屏幕是否是特定数量的像素，所以如果它更小，例如 1000 像素 这会发生：
max-width:750;
这是像谷歌浏览器这样的网络浏览器上的像素，如果可能的话，当你缩小谷歌浏览器时，它也会变得更大。 谢谢。
【问题讨论】：
-
屏幕或视口宽度？
-
我不确定你的意思，但喜欢，谷歌浏览器宽度
【发布时间】：2014-03-25 17:30:49
【问题描述】：
您正在寻找的内容可以使用 CSS3 media queries 完成。它们是仅在特定条件下执行 CSS 的一种方式。这也是MDN 的文章。
您的媒体查询可能如下所示：
@media (max-device-width : 1000px) {
/* CSS */
}
【讨论】：
-
mign-device-width 是谷歌浏览器还是屏幕，只是想知道。不过应该没问题。
-
查看@Clayton 的答案。我真的应该把它包括在我的答案中。
-
这不起作用。当我使用单独的 css 文件时，这是否重要？
-
嗨，多年后我正在回顾这个问题。我当时没有任何意义，但看起来你的答案是我想要的，所以我会接受它。感谢您的帮助！
max-width是目标显示区域的宽度，例如：谷歌浏览器
max-device-width 是设备整个渲染区域的宽度，例如：移动设备屏幕
【讨论】：
-
应该这样工作吗？ #main{ 最大宽度：最大宽度/4*3;