使用媒体查询内联样式

Question

我知道这听起来很荒谬,但是我可以在内联样式中使用css媒体查询吗？原因是我正在回应PHP的背景,如果设备是视网膜,需要使用视网膜大小的图像.

ie: <div style="background:url(normal.png); <- need to add style for retina device

Answer 1

据我所知,不在内联样式声明中.

但是,如果你在PHP中回显并且实际上无法访问样式表,我建议<style />使用媒体查询回显内联元素并使用div的类.

即

<style type="text/css">
    .bg {
        background: url(background.jpg);
    }
    @media only screen and (max-device-width: 480px) { /* Change to whatever media query you require */
        .bg {
             background: url(background_highres.jpg);
        }
    }

</style>
<div class="bg">...</div>