首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用媒体查询内联样式

使用媒体查询内联样式
EN

Stack Overflow用户
提问于 2012-10-23 11:31:07
回答 1查看 44.4K关注 0票数 17

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

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-23 11:38:07

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

但是,如果是从PHP和div内部回显,那么确实不能访问样式表,我建议使用媒体查询回显一个内联<style />元素,并为div使用一个类。

,即

代码语言:javascript
复制
<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>
票数 20
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13023157

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档