我正在一个敏感网站上工作,每个页面都将有一个大的英雄图像,在CMS中定义。我想避免在手机上下载该背景图片。
我可以想到的唯一方法是在页面的顶部有一些内联CSS,如下所示:@H_502_3@
- <style type="text/css">
- @media only screen and (min-width: 680px) {
- .hero-image { background-image: url(../images/image.jpg); }
- }
- </style>
首先,我可以在内联CSS中使用媒体查询吗?@H_502_3@
第二,这样做可以避免在手机上下载图像吗?@H_502_3@
谢谢@H_502_3@