> 웹 프론트엔드 > CSS 튜토리얼 > iPhone 6 및 iPhone 6 Plus에 대한 효과적인 미디어 쿼리를 작성하는 방법은 무엇입니까?

iPhone 6 및 iPhone 6 Plus에 대한 효과적인 미디어 쿼리를 작성하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-11-30 08:15:16
원래의
290명이 탐색했습니다.

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

아이폰6 플러스:

  • 최소 장치 너비: 1080px
  • 최대 장치 너비: 1920px
  • 최소 해상도: 401dpi
  • 장치 종횡비: 16/9

위 내용은 iPhone 6 및 iPhone 6 Plus에 대한 효과적인 미디어 쿼리를 작성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿