화면에 대한 미디어 쿼리가 작동하지 않습니다.

Question

내 materialize.css의 화면 크기에 따라 글꼴 크기를 변경하려고합니다. 하지만 작동하지 않습니다. 정확히 내가 뭘 잘못하고 있니?

@media screen and (min-device-width: 600) and (max-device-width: 1500) { 
h1{ 
    font-size: 2em; 
} 
h5{ 
    font-size: 14px; 
    color: green; 
}} 

Answer 1

단순히

@media screen and (min-device-width: 600px) and (max-device-width: 1500px) { 
h1{ 
    font-size: 2em; 
} 
h5{ 
    font-size: 14px; 
    color: green; 
}} 

Answer 2

는 600px로 폭에 px를 추가 마십시오 가치를 픽셀을 추가 할 600 또한, 상단 <meta name="viewport" content="width=device-width, initial-scale=1.0">

meta에서이 메타 태그를 넣을까요 viewport 요소는 페이지의 크기와 배율을 제어하는 ​​방법에 대한 브라우저 지침을 제공합니다. width=device-width 부분은 페이지의 너비를 장치의 화면 너비에 따라 설정합니다 (장치에 따라 다름). initial-scale=1.0 부분은 브라우저가 페이지를 처음로드 할 때 초기 확대/축소 레벨을 설정합니다.