如何在css3上获得屏幕尺寸？

Question

我正在尝试查看您的屏幕是否是特定数量的像素，因此如果它更小，例如1000px 这将发生：

max-width:750;

这是像谷歌浏览器这样的网络浏览器上的像素，如果可能的话，当您缩小谷歌浏览器时也会变得更大。 谢谢。

Answer 1

您正在寻找的内容可以使用CSS3 media queries完成。它们只是在某些条件下执行CSS的一种方式。这也是MDN文章。

您的媒体查询可能如下所示：

@media (max-device-width : 1000px) {
    /* CSS */
}

Answer 2

max-width是目标显示区域的宽度，例如：Google Chrome

max-device-width是设备整个渲染区域的宽度，例如：移动设备屏幕

Answer 3

要获得屏幕分辨率，您还可以使用jquery。这个link可以帮助您解决问题。