我想知道如何在常规浏览器上测试一些视网膜图像的CSS?我也试过我以前的代码而不是下面的代码,并想知道它是否工作?使用css和@media测试视网膜图像
很难判断正确的图像是否加载,因为这是相同的图像质量更好。
//retina stuff
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#home {
background: url('bg-home-x2.png') no-repeat;
}
.shelf {
background: url('shelf-x2.png') no-repeat top center;
height: 111px;
padding-bottom: 0px;
}
#pantry {
background: url('bg-pantry-x2.png') no-repeat;
width: 320px;
height: 480px;
z-index: -1;
}
#list {
background: url('bg-cart-x2.png') no-repeat;
width: 320px;
height: 480px;
z-index: -1;
margin-top: -6px;
}
}
定期浏览器是什么意思?你的意思是在浏览器中测试移动媒体查询吗? – nickhar 2013-05-11 00:40:36
是的,以及如何测试.. -webkit-min-device-pixel-ratio:1.5 – Blynn 2013-05-11 02:43:08