我将用于视网膜显示iphone的哪种分辨率 - 媒体查询

Question

我正在使用iPhone4来测试我的响应式网站

我读过视网膜显示器将显示1px为2px ......

所以我怀疑在横向设备宽度480px，屏幕分辨率640px ..

但我想使用哪一个

@media only screen (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

或

@media only screen (max-device-width : 640px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

Answer 1

无论分辨率如何，您都可以在纵向模式下以320px定位所有iPhone，在横向模式下以iPhone4S定位并保持480px。 （5在景观上稍宽一点。）