在CSS3伪元素上的Retina图像
我总是成功地使用了Smashing Magazine使用背景大小和媒体查询描述的视网膜图像技术。
不过，我刚刚发现了这种技术似乎不起作用的情况：样式化CSS3伪元素。
<p>test</p>
p:before {
content: url('http://file.rspreprod.fr/BNP/Maps/img/web/ic_pin_big@2x.png');
background-size: 15px 25px;
width:15px;
height:25px;
}
检查此JS小提琴：http://jsfiddle.net/t29xzxmw/2/
在iPhone和Android上，该图像应该不太清晰。 你知道将视网膜图像应用于CSS3伪元素的解决方案吗？
使用background而不是content:""
p:before {
content:"";
background:url('http://file.rspreprod.fr/BNP/Maps/img/web/ic_pin_big@2x.png');
background-size: 15px 25px;
width:15px;
height:25px;
}