在我的HTML我要求做在线视网膜检测在一个div中显示的背景图像。目前,我只是不能视网膜形象出现 - 只有标准的水库之一。
我的代码示例如下。操纵我在正确的方向任何提示将不胜感激。
<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/[email protected]');
}
">
Hello
</div>
</body>
</html>
你不能这样做!按照documentation,媒体查询不能内嵌样式属性的存在,因为他们只能包含property: value
声明。
你应该在外部CSS文件中定义你的媒体查询,或内部下的<style>
部分<head>