미디어 쿼리가 Ipad에 대해 작동하지 않습니다.

Question

미디어 쿼리를 사용하는 것이 좋습니다. Ipad에 올바르게 표시되기를 원하는 웹 사이트에서 작업하고 있습니다.

I have tried this, 

//css use for Ipad 

    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) { 
     .overlayBox{ 
      width:200px; 
     } 
    } 


// css use for Window 
    .overlayBox{ 
     width:450px; 
    } 

하지만 미디어 쿼리가 Ipad에서 작동하지 않는 문제가 있습니다. 윈도우 CSS가 필요합니다. 내가 잘못하고 있니?

Answer 1

device-width 및 device-height을 사용하여 특정 기기를 타겟팅 한 다음 orientation을 사용하여 인물 또는 풍경을 타겟팅합니다.

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { 
    .myrules { 
     width: 200px; 
    } 
}