html – 使用媒体查询内联样式

发布时间：2020-12-14 21:32:40 所属栏目：资源来源：网络整理

导读：参见英文答案 Is it possible to put CSS @media rules inline?10个答案我知道这听起来很可笑，但是我可以使用一个内联样式的css媒体查询吗？原因是我正在回应PHP的背景，如果设备是视网膜，则需要使用视网膜大小的图像。即： div style =“background：url

参见英文答案 > Is it possible to put CSS @media rules inline?10个答案我知道这听起来很可笑，但是我可以使用一个内联样式的css媒体查询吗？原因是我正在回应PHP的背景，如果设备是视网膜，则需要使用视网膜大小的图像。

即：< div style =“background：url(normal.png);< - 需要添加视网膜设备的样式

解决方法

据我所知，不在一个内联风格的声明。

但是，如果您从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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!