css3 미디어 쿼리 : iPad가 iphone4 (retina) 규칙을 덮어 씁니다.

Question

iPad 규칙이 iPhone4 관련 규칙을 덮어 씁니다. 이 문제를 어떻게 해결할 수 있습니까?

/* iPad */ 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) { 
    #theDiv { width: 400px; } 
} 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) { 
    #theDiv { width: 600px; }  
} 


/* iPhoneRetina */ 
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { 
    #theDiv { width: 200px; } 
} 

Answer 1

당신은 2

Here's the link to the Webkit blog post about it에 레티 나 디스플레이의 픽셀 비율을 범프 수 있습니다. "조건부 포함"헤더로 이동하십시오.