CSS 미디어 쿼리는 전화보다 큰 화면 만 타겟팅합니다.

Question

iphone보다 큰 화면에서만 실행될 수있는 CSS 미디어 쿼리를 작성하려고합니다. Google 검색에서 해결하지 못했습니다.

그래서 내 태블릿 크기 만 기기를 타겟팅하는 미디어 쿼리를 원합니다. 스마트 폰을 타겟팅해서는 안됩니다.

이

내가 무엇을 시도했다입니다 :

@media only screen 
    and (min-device-width : 1136px) and (min-width:561px) 

을하지만 내 아이폰 5 작동하지 않을 것 같다; 전화는 여전히 쿼리에서 CSS를 실행합니다.

Answer 1

이 시도 :

이

@media (min-width:641px) 

Answer 2

아마도이 솔루션의 도움 당신을. iPhone 4 용입니다.

@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5) { 
/* Styles */ 
}