미디어 쿼리 CSS

Question

아이폰이나 모바일 장치에서 볼 때 내 미디어 쿼리가 내 사이트의 크기를 올바르게 조정하지 않으면 아이폰에 사이트의 태블릿 버전이 설치됩니다. 미디어 쿼리는 브라우저 창을 축소 할 때 완벽하게 타블렛과 완벽하게 작동합니다.

내가 무엇을 놓쳤습니까?

@media only screen and (min-width: 1024px) { 
/*styling here*/ 
} 

@media only screen and (max-width: 1023px) and (min-width: 740px) { 
/*Tablet styling here*/ 
} 

@media only screen and (max-width: 739px) and (min-width: 0px) { 
/*Mobile styling here*/ 
} 

Answer 1

체크 아웃 this, 나를 당신이 장치 폭을 지정해야

작동할지 여부를 알려 주시기 바랍니다.

Answer 2

'min-device-width'로 지정해야 할 수도 있습니다.

@media only screen and (max-device-width: 739px) and (min-device-width: 0px) { 
    /*Mobile styling here*/ 
}