使用媒体查询内联样式

Question

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

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

Answer 1

不是一个内嵌式的声明中，据我所知。

但是，如果你从内PHP和呼应真的无法访问样式表，我建议呼应与媒体查询内嵌<style />元素，并使用类股利。

即

<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>