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

时间:2012-07-30 22:15:19

标签: resolution media-queries css

我正在寻找我的答案@ 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> 

有什么建议吗?非常感谢:)

1 个答案:

答案 0 :(得分:3)

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

原件:

@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)}
}