这听起来像是一个愚蠢的问题。视网膜显示屏,高分辨率背景图像
如果我使用这个CSS片段的常规显示(其中box-bg.png
是200px200px);
.box{
background:url('images/box-bg.png') no-repeat top left;
width:200px;
height:200px
}
和,如果我使用的媒体查询这样定位到视网膜显示器(随着@ 2倍图像是高清晰度的版本);
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.box{background:url('images/[email protected]') no-repeat top left;}
}
我需要通过400像素的.box
DIV 400像素的规模扩大一倍,以适应新的高分辨率的背景图像?
images/[email protected]的尺寸是多少?请说清楚问题。 – TMS 2014-01-24 22:55:06