특정 장치의 너비와 높이에 대해 미디어 쿼리를 설정할 수있는 방법이 있습니까?

Question

@media only screen 
and (min-device-width : 320px) 
and (min-device-height: 480px) 

@media only screen 
and (min-device-width : 480px) 
and (min-device-height: 640px) 

우리가 설정 한 스타일은 높이와 너비에 적용해야합니다. 당신이 그 정확한 해상도를 대상으로 지정할 경우

Answer 1

, 당신은 단순히 min- 접두사를 삭제하고 단지 device-width 및 device-height을 지정할 수 있습니다

@media only screen 
    and (device-width : 320px) 
    and (device-height: 480px) { ... } 

@media only screen 
    and (device-width : 480px) 
    and (device-height: 640px) { ... } 

W3C reference합니다.