Question

我正在寻找我的答案@ CSS media query但找不到，所以我想我会在这里问。

可以离线/本地使用CSS媒体查询吗？我正在构建一个网页，它全部在共享网络驱动器上，我正在尝试根据分辨率设置不同的样式表，我想使用CSS媒体查询min-width，但它们似乎没有工作，我是想知道是不是因为我的网站不活？（类似于favicon不在本地工作，仅在托管网站上工作）。

一个例子是：

    <style type="text/css">
        @media all and (min-width: 1024px) {
            background-image: url(images/bigbg.jpeg);
        }
        body {
            width: 1000px;
            background-image:url('images/test.PNG');
            background-repeat:repeat;
            overflow-x:scroll;
        }
    </style>

有什么建议吗？非常感谢：）

Answer 1

应该在本地工作，但您需要定义变化的内容。尝试：

原件：

@media all and (min-width: 1024px) {
        body {background-image: url(images/bigbg.jpeg);}
}

更好：

@media all and (min-width:1024px){
        body{background:url(images/bigbg.jpg)}
}

CSS媒体查询是否在本地运行？

1 个答案: