我是否可以在内部CSS中使用媒体查询，并避免加载我定义的背景图像？
我是否可以在内部CSS中使用媒体查询，并避免加载我定义的背景图像？
提问于 2018-04-11 23:58:00
我正在致力于一个响应网站，每个页面将有一个大英雄形象，定义在CMS。我不想在手机上下载背景图片。
我认为这样做的唯一方法是在页面的头部设置一些内联CSS，如下所示：
<style type="text/css">
@media only screen and (min-width: 680px) {
.hero-image { background-image: url(../images/image.jpg); }
}
</style>首先，我可以在内联CSS中使用媒体查询吗？
第二，这样会避免在手机上下载图片吗？
第三，有没有更好的方法？
回答 2
Stack Overflow用户
发布于 2018-04-12 08:27:40
是的，可以在<style>标签。只有在CSS要求的情况下，图像才会被加载，所以如果没有匹配的选择器，那么它就不会麻烦地加载图像。
不过，最好将媒体查询包含在外部CSS文件中。没有理由把它写进去。
Stack Overflow用户
发布于 2018-04-12 09:51:10
不，似乎不能内联媒体标签。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100004395
复制相关文章
相似问题