首頁 > web前端 > css教學 > 如何為 iPhone 6 和 iPhone 6 Plus 撰寫有效的媒體查詢?

如何為 iPhone 6 和 iPhone 6 Plus 撰寫有效的媒體查詢?

Linda Hamilton
發布: 2024-11-30 08:15:16
原創
235 人瀏覽過

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
  • 方向:肖像
高度:559px

方向:肖像高度:559px

    方向:肖像
  • 高度:559px

    方向:肖像高度:559px

      方向:肖像
    • 高> >
    • iPhone 6 Plus:
    風景:
  • 最小設備寬度: 414px

    最大設備寬度:736px
    • 方向:橫向
    • 最小設備像素比: 3
    • 肖像:
    • 最小設備寬度:414px
  • 最小設備寬度:414px

最小設備寬度:414px

    最小設備寬度
  • 設備寬度: 414px
  • 設備高度:736px
  • 方向:縱向

最小設備像素比:3設備像素比: 3

    iPhone 6 和iPhone 6 Plus:
  • 最大裝置寬度:640px
  • 最大裝置寬度: 667px

最大寬度:480px

即將推出的iPhone型號的預測媒體查詢
  • iPhone 6:
  • 最小設備寬度:750px
最大設備寬度:1334px最小分辨率:326dpi iPhone 6加:最小設備寬度:1080px最大設備寬度:1920px最小解析度:401dpi

以上是如何為 iPhone 6 和 iPhone 6 Plus 撰寫有效的媒體查詢?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板