ipad 3 vs 4 中的响应式网站

【问题标题】：Responsive websites in ipad 3 vs 4ipad 3 vs 4 中的响应式网站
【发布时间】：2013-04-16 02:59:41
【问题描述】：

据我了解，ipad 2 和 3 的屏幕分辨率可能为 1024，而 ipad 4 的屏幕分辨率是其两倍。

但是，iPad 仍会放大您的网站，理想情况下，您希望您的网站在平板电脑上查看时具有特定的外观和行为方式。

您如何使用媒体查询有效地定位这两种设备？

@media only screen and (max-width:1024px)

但这不会涵盖 ipad 4 吗？

【问题讨论】：

【解决方案1】：

是的，它们有不同的分辨率。我们必须针对特定的媒体查询来处理这个问题。我建议你阅读this article。

【讨论】：

感谢 Akshaya，这篇文章非常有用。我不知道 webkit 提供了那些额外的查询。我在诺基亚 Lumia 上查看该网站，发现 Lumia 的分辨率为 1240x768。您是否知道是否也有涵盖这些场景的特定查询？似乎手机在与 ipad 匹配的地方正在快速提高分辨率，因此很难判断如何以几乎特定于设备的方式处理这些场景，而不必实际满足每台设备的需求。