我正在寻找我的答案@ 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>
有什么建议吗?非常感谢:)
答案 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)}
}