iPad가 아닌 모든 휴대폰에 대한 CSS 미디어 쿼리

안녕하세요, 저는 모든 휴대폰에는 영향을 미치지 만 iPads에는 영향을 미치지 않을 미디어 쿼리를 작성하려고합니다.iPad가 아닌 모든 휴대폰에 대한 CSS 미디어 쿼리

안드로이드 기기가 방향을 바꿀 때 기기 폭이 바뀌기 때문에 힘든 시간을 보내고 있습니다. Portrait to Landscape는 너비가 높이가되고 그 반대도 마찬가지입니다. Apple 장치는 방향에 관계없이 장치 너비를 동일한 값으로보고합니다. iPads보다 높은 해상도의 Android 휴대 전화가 있다는 사실은 문제를 더욱 복잡하게 만듭니다.

기기 높이가 1280px이고 iPads의 기기 높이가 1024px 인 Android 휴대 전화가있는 경우 모든 Android 휴대 전화에는 영향을 미치지 만 iPads에는 영향을 미치지 않는 미디어 검색어를 작성하려면 어떻게해야합니까?

출처

2012-10-24 Jimmy Burgess

픽셀 비율로 안드로이드 장치 : 2를? 아마도 당신은 크기와 함께 다른 속성을 쿼리 할 수 –

픽셀 비율이 2 인 안드로이드 장치가 있으며 이러한 장치에 대한 해결책이 될 것입니다. 그러나 픽셀 비율이 1 인 iPad보다 높은 해상도의 안드로이드 폰이 있으며이 솔루션으로는 설명되지 않습니다. –

저는 망막이없는 iPad2에서도 도움이 안된다는 것을 깨닫고 있습니다. –

당신은 풍경에 아이 패드에서 풍경에 안드로이드 장치를 구별하기 위해 이것을 사용할 수 있지만, 나는 초상화 확실하지 않다 :

<style> 
@media all and (min-device-aspect-ratio:1/1) and (orientation:landscape) { 
    /*because an iPad doesn't change it's width, it's device aspect ratio will not be greater than 1/1 */ 
    body {background-color:#00FF00;} 
} 
</style>

출처

2012-10-24 20:03:15

iPad가 아닌 모든 휴대폰에 대한 CSS 미디어 쿼리

답변

관련 문제