首页 >web前端 >css教程 >如何为 iPhone 6 和 iPhone 6 Plus 编写有效的媒体查询?

如何为 iPhone 6 和 iPhone 6 Plus 编写有效的媒体查询?

Linda Hamilton
Linda Hamilton原创
2024-11-30 08:15:16250浏览

How to Write Effective Media Queries for iPhone 6 and iPhone 6 Plus?

iPhone 6 和 iPhone 6 Plus 的媒体查询

问题:定位媒体的具体屏幕尺寸是多少iPhone 6 和 iPhone 6 的查询加号?

答案:

iPhone 6:

  • 横向:

    • 最小设备宽度:375px
    • 最大设备-宽度:667px
    • 宽度: 667px
    • 高度:375px
    • 方向:横向
  • 纵向:

    • 最小设备宽度: 375px
    • 最大设备宽度:667px
    • 宽度:375px
    • 高度:559px
    • 方向:肖像

iPhone 6 Plus:

  • 风景:

    • 最小设备宽度: 414px
    • 最大设备宽度:736px
    • 方向:横向
    • 最小设备像素比: 3
  • 肖像:

    • 最小设备宽度:414px
    • 最大设备-宽度:736px
    • 设备宽度: 414px
    • 设备高度:736px
    • 方向:纵向
    • 最小设备像素比:3
    • 设备像素比: 3

iPhone 6 和 iPhone 6 Plus:

  • 最大设备宽度:640px
  • 最大设备宽度: 667px
  • 最大宽度:480px

即将推出的 iPhone 型号的预测媒体查询

iPhone 6:

  • 最小设备宽度:750px
  • 最大设备宽度:1334px
  • 最小分辨率:326dpi

iPhone 6加:

  • 最小设备宽度:1080px
  • 最大设备宽度:1920px
  • 最小分辨率:401dpi
  • 设备纵横比: 16/9

以上是如何为 iPhone 6 和 iPhone 6 Plus 编写有效的媒体查询?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn