Question

在我的HTML中，我试图进行内联视网膜检测以在div中显示背景图像。目前，我只是无法让Retina图像出现-只有标准分辨率。

下面是我的代码示例。任何将我引向正确方向的提示将不胜感激。

<html>
<body>
<div style="
background-image:url('assets/images/image.jpg');
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
background-image:url('assets/images/image@2x.jpg');
}
">
Hello
</div>
</body>
</html>

Answer 1

您不能这样做！根据{{3}}，媒体查询不能以内联样式属性存在，因为它们只能包含property: value声明。

您应该在外部CSS文件中或在<style>部分的<head>内部定义媒体查询

内联背景图像视网膜检测

1 个答案: