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

【问题标题】：Why is the iPhone 5 showing a mobile responsive version of a website and not the desktop-sized site?为什么 iPhone 5 显示的是网站的移动响应版本，而不是桌面大小的网站？
【发布时间】：2014-01-08 13:21:33
【问题描述】：

当手机的屏幕宽度（1136 x 640 像素横向）可以容纳 1000 像素宽度的网站时，为什么 iPhone 5 会显示移动响应式网站设计？

iPhone 5 不应该只显示桌面版本，因为它的大屏幕分辨率对于网站来说已经足够大了吗？

Example site

当我将桌面浏览器的宽度调整为小于 1136 像素时，移动响应版本不显示（正常桌面设计显示），这表明媒体查询在此尺寸下未使用。

【问题讨论】：

标签： iphone mobile responsive-design

【解决方案1】：

在视网膜屏幕上，像素不是点。所以虽然你可能认为分辨率更高； iPhone 5 的实际横向分辨率为 568x320。

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

【讨论】：

我明白了……所以在为 iPhone 5 制作模型时，我应该使用较小的 548x320 尺寸？另外，你的意思是写 568 而不是 '548'？
感谢您发现我的错字。是的，你应该使用磅值来模拟。 iPad 也是如此。视网膜屏幕的点大小与非视网膜屏幕的点大小相同，视网膜屏幕更清晰。
事实上，您使用的所有资产都应该具有双倍的分辨率以保持清晰。