Nexus 5의 CSS 미디어 쿼리

Question

제 넥서스 5에서 이상한 동작을 발견했습니다. 아니면 잘못된 것을하고 있습니까?

은 내가

html { 
    font-size: 14px; 
} 

@media screen and (max-width : 800px) { 
    html{ 
     font-size: 20px; 
    } 
} 

내 넥서스 5 세로보기에서 페이지를로드, 그것은 돼있처럼 보이는 소형 ​​디스플레이 (또는 세로보기) 기능이 탑재 된 휴대 기기에 더 큰 글꼴이 CSS를 사용 : 20px font-size. 이제 휴대 전화를 가로보기로 전환하면 14px로 변경됩니다. 여태까지는 그런대로 잘됐다.

이제 휴대 전화를 세로보기로 되돌릴 때 font-size는 14px로 유지됩니다. 왜? 내 실수?

Answer 1

잘 모르겠지만 뷰포트 메타 태그를 설정 했습니까?

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