iPad 3 (또는 새 iPad)의 CSS 미디어 쿼리

Question

iPad 3 또는 새 iPad를 감지하는 데 CSS 미디어 쿼리를 적용 할 때 차이가 있습니까?

또한 iPad 1 및 iPad 2는 두 가지 방향 모두에서 장치 너비를 768px로 반환했습니다. 그렇다면 iPad 3에서도 마찬가지입니까?

Answer 1

미디어 질의 거의 동일하다. 최소 장치 너비가 768px인지 확인하면 새 iPad에서도 여전히 작동합니다. 그러나보다 구체적인 쿼리를 제공하려면 장치 너비를 1536px에서 2048px 사이에서 확인할 수 있습니다. 새로운 iPad는 제 1 및 제 2 아이 패드 (768)와 same device-width를보고 http://itunes.apple.com/in/app/designmobileweb/id486198804?mt=8

Answer 2

나는 그것이 있다고 생각합니다.

<meta name="viewport" content="width=device-width, maximum-scale=1.0" /> 

매우 유용한 정보와이 문서를 참조하십시오 :

새 레티 나 디스플레이의 픽셀 해상도에서 더 증가의 영향에 대해 걱정하는 경우

은 다음 페이지의 헤드 요소에 다음을 추가 뷰포트의 크기를 검출하는 새로운 아이 패드 (또는시오 3) 용

http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3889591/Detect-and-Set-the-iPhone--iPads-Viewport-Orientation-Using-JavaScript-CSS-and-Meta-Tags.htm

Answer 3

에서 CSS 미디어 쿼리를 사용하는 방법에 대한 아주 좋은 튜토리얼이 있습니다

.