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

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

Linda Hamilton
发布: 2024-11-30 08:15:16
原创
289 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板