미디어 쿼리는 모바일에서 작동하지 않고 바탕 화면에 잘 작동

Question

HTML 머리 -

<meta name="viewport" content="width=device-width,initial-scale=1.0"> 
<meta name="viewport" content="maximum-scale=1"> 

CSS 미디어 질의 - 당신이 핸드 헬드를 사용하는 이유

@media handheld, screen 
    and (min-width: 200px) 
    and (max-width: 399px){} 

Answer 1

내가 .. 모르는 나는 단지 모바일 용 내 답변 미디어 쿼리를 게시하십시오. 당신은이 질문에서 더 볼 수 있습니다

@media only screen and (min-width:300px) and (max-width :399px) { }

Answer 2

첫째, handheld는 대부분의 모바일 브라우저에서 지원되지 않습니다 : Do iPhone/Android browsers support CSS @media handheld?

둘째, 당신의 @media의 중단 점은 매우, 모든 모바일 화면 크기와 일치하지 않습니다 확인할 수있는 표준 장치에 대한 미디어 쿼리를 나열하는 웹 사이트가 여기에 있습니다. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/