【问题标题】:Distinguishing between iPhone 4 vs 5iPhone 4 和 5 的区别
【发布时间】:2012-12-11 00:23:39
【问题描述】:

如果我想区分 iPhone 4 和 iPhone 5,我需要使用哪些媒体查询? (我也需要区分垂直和水平)

更新:有人向我询问只是 iPhone 5,但我正在寻找 4 个不同的,它们只会影响 iPhone 和完全相同尺寸的手机。

【问题讨论】:

标签: iphone media-queries


【解决方案1】:

由于屏幕较长,iPhone 5 的最大设备宽度不同。

@media only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone 5 specific stuff */
}

【讨论】:

  • 我正在寻找比仅一种手机更具体的东西。我已经有了一些通用的移动规则,所以我想确保这仅针对 iPhone 5 的纵向模式,仅针对 iPhone 5 的横向模式,等等。
  • 那么,您需要的不仅仅是媒体查询(这是您问题的范围)。没有什么能阻止人们制作与 iPhone 5 具有相同像素尺寸和密度的手机。至于纵向与横向,媒体对此有疑问。
  • 我可以在 iPad 上做到这一点,因为它对最小尺寸、最大尺寸等非常具体。如果它影响另一部尺寸完全相同的手机也没关系,我只是不想要一些东西这将影响所有移动设备。
猜你喜欢
  • 1970-01-01
  • 2012-10-05
  • 1970-01-01
  • 1970-01-01
  • 2010-10-03
  • 2012-10-26
  • 2011-03-10
  • 2023-01-29
  • 1970-01-01
相关资源
最近更新 更多