html - 如何在 css3 上获取屏幕大小？

Question

我正在尝试查看您的屏幕是否具有特定数量的像素，如果它小于例如 1000 像素这将会发生:

max-width:750;

这是 google chrome 等网络浏览器上的像素，如果可能的话，当您在 google chrome 上缩小时，它也会变大。谢谢。

Answer 1

您正在寻找的东西可以用 CSS3 完成 media queries .它们是一种仅在特定条件下执行 CSS 的方法。这是 MDN文章也是。

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

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