css - 在 CSS 中将文件加载到设备

Question

@media screen and (min-width: 800px) {
    html {
        background: url('/img/ground.png') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        }
    }

如果我将使用屏幕小于 800 像素的智能手机，图像是否会下载到我的设备？

Answer 1

您使用了“(min-width: 800px)”，因此 - css-rule 将在宽度超过 800px 的屏幕上工作。

另见文档:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries