내 미디어 쿼리에서 iPhone 5의 고유한 종횡비를 어떻게 타겟팅할 수 있나요?

iPhone 5 미디어 쿼리 수수께끼

iPhone 5의 경우 일반적인 최대 장치 너비 쿼리로는 충분하지 않습니다. iPhone 5는 더 긴 화면을 자랑하므로 모바일 보기를 완전히 건너뜁니다.

적응하려면 장치 종횡비를 미디어 쿼리에 통합하는 것이 좋습니다. 흥미롭게도 iPhone 5의 화면비는 16:9가 아니라 40:71입니다.

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

이렇게 하면 다른 iPhone 모델을 염두에 두고 iPhone 5를 구체적으로 타겟팅할 수 있습니다.

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

iPhone 6:
@media screen and (device-aspect-ratio: 375/667) {}

iPhone 6 Plus:
@media screen and (device-aspect-ratio: 16/9) {}

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

미디어 쿼리에 기기 종횡비를 사용하면 웹사이트가 더 넓은 iPhone 모델을 포함한 다양한 iPhone 모델에 맞게 조정되도록 할 수 있습니다. iPhone 5의 독특한 화면 비율.

위 내용은 내 미디어 쿼리에서 iPhone 5의 고유한 종횡비를 어떻게 타겟팅할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!