모바일 브라우저에서 헤더가 작아지지 않는 이유는 무엇입니까?

Question

미디어 섹션이 http://androdevlab.com/style.css 인 경우 이어야합니다.이 모바일 브라우저에서 볼 때 http://androdevlab.com에 적용됩니다. 특히 로고와 기본 제목 글꼴은 훨씬 작아 져야하지만 그렇지 않습니다.

궁금한 점?

Answer 1

미디어 쿼리는 일반적으로 800을보고 어느

@media only screen and (max-width: 800px) { 

에 미디어 쿼리를 변경하거나 max-device-width를 사용하는 많은 안드로이드 폰, 일치하지 않는, (max-width: 780px)을 테스트합니다.

또는, 실제 해상도를 사용하는 모바일 브라우저 조언을 HTML 요소

<meta name="viewport" content="width=device-width"> 

를 추가 할 수 있습니다.