2013-04-28 3 views
2

Ipad mini adn에 대한 CSS Specfic Media Queries를 많이 검색했습니다. this page입니다. Ipad Mini의 경우 162 ppi에서 7.9입니다. CSS Media Queries에서이 속성을 적용하는 방법. 도와주세요Ipad Mini Specfic CSS 미디어 쿼리?

+2

이 : http://stephen.io/mediaqueries/#iPadMini 나이 : http://halgatewood.com/ipad- 미니 미디어 쿼리/ –

+0

@BillyMoat, 고마워. – user960567

답변

5

iPad mini는 원래 iPad와 동일한 뷰포트 크기를 상속합니다. 그러나 더 정확한 들어, 그래서, 아이 패드 미니의 픽셀 밀도를 타겟팅 할 수 있습니다 :

/* ipad Mini Portrait */ 
@media only screen and (width:768px) and (resolution: 163dpi) { 

} 

/* ipad Mini Landscape */ 
@media only screen and (width:1024px) and (resolution: 163dpi) { 

} 
+1

이것은 미디어 쿼리에 해상도를 적용하는 방법에서 기술적으로 정확하지만 iOS 6에서는 아무 것도하지 않습니다 (예제는 http://jsfiddle.net/egid/DX9eJ/ 참조). – egid

+1

사실 당신은 할 수 없습니다 : "[*] Webkit 엔진은 사양에서와 같이 CSS 해상도 쿼리를 지원하지 않습니다. 비표준 장치 - 픽셀 비율 쿼리는 브라우저 Safari에 필요합니다 (버그 16832 참조)." https://developer.mozilla.org/en-US/docs/Web/CSS/resolution – hexalys