是否有 iPhone 3 特定的媒体查询？答案

【问题标题】：Is there a iPhone 3 specific media query?是否有 iPhone 3 特定的媒体查询？
【发布时间】：2014-01-16 08:03:05
【问题描述】：

background-size:cover 似乎不适用于 iPhone 3。我在某处读到使用 background-size:100%; 应该可以解决问题，而且确实可以。但是，它使 Iphone 4 的背景看起来很丑。

我在互联网上进行了搜索，但我找到的只是对 Iphone 3 和 4 的查询。是否有针对 iPhone 3 的媒体查询？

编辑：我在下面的答案中发布了我的解决方案

【问题讨论】：

iPhone 3？你是指 iPhone 3G/3Gs 还是 iOS 3？
我的意思是 3G/3GS，但我解决了这个问题，找到了一篇博客文章，其中列出了不同 iPhone 的媒体查询。

标签： ios iphone background safari media-queries

【解决方案1】：

我找到了解决问题的方法。

This blog post 有一个针对特定 iPhone 版本的媒体查询列表。

<!-- iPhone 2G, 3G, 3GS Portrait -->
@media only screen and (device-width: 320px) and (orientation: portrait) and not (-webkit-min-device-pixel-ratio: 2) {
    /* CSS3 Rules for iPhone in Portrait Orientation */
}

<!-- iPhone 2G, 3G, 3GS Landscape -->
@media only screen and (device-width: 480px) and (orientation: landscape) and not (-webkit-min-device-pixel-ratio: 2) {
    /* CSS3 Rules for iPhone in Landscape Orientation */
}

如您所见，它只针对高达 3GS 的目标。

【讨论】：