logo标签列表

使用媒体查询内联样式

htmlcssmedia-queries
17

我知道这听起来很荒唐，但我能在内联样式中使用CSS媒体查询吗？原因是我正在通过PHP回显背景，并且如果设备是retina，则需要使用retina大小的图像。

例如: <div style="background:url(normal.png); <- 需要添加retina设备的样式

1个回答
20

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

然而，如果你正在 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>
这是否违反了将样式注入到<head>标签之外的约定？ - JackMahoney
2
你不必把它放在页面头部外。 - BoltClock
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接