2013-01-14 2 views
5

가능한 중복 :
iPhone 5 CSS media query아이폰 5 화면 크기 CSS 미디어 쿼리 VS

아이폰 5 기술 사양 상태는 내 질문이 640

에 의해 1136의 차원 화면,

풍경의 경우 ff 나는 max- http://www.stephentgilbert.com/mediaqueries/#iPhone

당신이 설명 할 수에 차원이 아이폰 5의 사이트에 명시된 경우 작동 내가의 일부와 혼합하고있어 알고있는 폭이 1136px

될 것이다라고 그 이유를 568px 의 장치 폭은 참조 기본 사항은 여기에 있습니다. 적절한 설명을 제공하고 관련 온라인 리소스에 연결시켜 주시면 감사하겠습니다.

+0

[모바일 사파리의 뷰포트] (http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html)는 예상 한 바가 아닙니다. – Quantastical

+0

@MrSlayer, 우수한 자원에 감사드립니다! 많이 감사합니다 :) –

답변

8

망막 디스플레이는 표준 디스플레이보다 두 배 많은 픽셀을 포함하지만 iOS는 해상도와 화면 출력의 표준 디스플레이로 처리합니다. 그렇지 않은 경우 웹 사이트는 모두 매우 작아 보이고 축소됩니다.

+1

답변을 주셔서 감사합니다 AlienWebguy, 그 많은 도움이! –

21

iPhone Retina 디스플레이는 1136x640 화면이 568x320 가상 픽셀을 사용한다는 것을 의미합니다. 각 CSS 픽셀은 4 개의 물리적 픽셀 (2x2)로 구성됩니다.

CSS에서 "여기에 100px 너비의 div를 지정하십시오"라고 말한 사람은 아무도 망막 디스플레이와 같은 고해상도 장치에 절반 크기로 나타나기를 원하지 않으므로 실제 픽셀을 CSS로 사용하지 않습니다 픽셀.

+0

+ +1 위대한 생각은 비슷합니다;) – AlienWebguy

+0

@AlienWebguy +1. :-) – ceejayoz

+0

빠른 답장을 보내 주셔서 감사합니다. ceejayoz 및 @AlienWebguy. 이것은 정말 도움이됩니다! :) –