css - 我将为视网膜显示 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

无论分辨率如何，您将所有 iPhone 的纵向模式定位为 320 像素，而 iPhone4S 及以下的 iPhone 在横向模式下坚持 480 像素。（5 在横向上稍微宽一些。）