为什么iPhone 5显示的是网站的移动响应版本,而不是桌面大小的网站?

时间:2014-01-08 13:21:34

标签: iphone mobile responsive-design

当手机的屏幕宽度(1136 x 640px横向)适合宽度为1000像素的网站时,为什么iPhone 5会显示移动设备响应式网站设计?

iPhone 5是否应该只显示桌面版本,因为它具有足够大的网页屏幕分辨率?

Example site

当我将桌面浏览器的大小调整为低于1136px宽度时,移动响应版本不显示(正常的桌面设计显示),这表明媒体查询未按此大小使用。

1 个答案:

答案 0 :(得分:2)

在视网膜屏幕上,像素不是点。所以尽管你可能认为分辨率更高; iPhone 5的实际景观分辨率为568x320。

虽然距离是在网络开发中的px中测量的,但这并不会转化为视网膜设备上的实际像素,其中两个物理像素代表屏幕上的一个点,相当于px in你的CSS。