当手机的屏幕宽度(1136 x 640px横向)适合宽度为1000像素的网站时,为什么iPhone 5会显示移动设备响应式网站设计?
iPhone 5是否应该只显示桌面版本,因为它具有足够大的网页屏幕分辨率?
当我将桌面浏览器的大小调整为低于1136px宽度时,移动响应版本不显示(正常的桌面设计显示),这表明媒体查询未按此大小使用。
答案 0 :(得分:2)
在视网膜屏幕上,像素不是点。所以尽管你可能认为分辨率更高; iPhone 5的实际景观分辨率为568x320。
虽然距离是在网络开发中的px
中测量的,但这并不会转化为视网膜设备上的实际像素,其中两个物理像素代表屏幕上的一个点,相当于px
in你的CSS。