【问题标题】:iPad Media queryiPad媒体查询
【发布时间】:2013-01-22 08:45:24
【问题描述】:

我尝试了一些建议 (设备宽度:768px) (min-device-width: 768px) 和 (max-device-width: 1024px)

但我似乎无法让 CSS 以 iPad 为目标。不过,我只在 iPad 1st gen 上进行测试。第一代是否有单独的媒体查询?

另外,我不确定提及我使用过是否重要:

<meta name="viewport" content="width=device-width"/>

【问题讨论】:

    标签: css ipad tablet


    【解决方案1】:

    我更喜欢使用纵横比和宽度:

    iPhone

    @media screen and (device-aspect-ratio: 2/3) {}
    

    iPhone 5:

    @media screen and (device-aspect-ratio: 40/71) {}
    

    iPad:

    @media screen and (device-aspect-ratio: 3/4) {}
    

    【讨论】:

    • 我的更新有影响吗?纵横比不起作用
    【解决方案2】:

    可能已经过火了,但在它成为问题之前我不会调整它。 我用过:

    @media(min-device-width: 650px) and (max-device-width: 1024px) {
    

    它成功了。

    【讨论】:

      猜你喜欢
      • 2014-06-16
      • 2015-01-12
      • 2017-08-11
      • 2015-06-10
      • 1970-01-01
      • 2020-06-12
      • 1970-01-01
      • 2012-01-06
      相关资源
      最近更新 更多