내 블로그에서 미디어 쿼리가 작동하지 않는 이유는 무엇입니까? 자사의 CSS 코드 다음 내가 작성한 <a href="http://vkcreativework.blogspot.com" rel="nofollow">Blog</a> :

Question

이 내 블로그

@media screen and (max-width: 600px){ 
.title a{ 
color: red !important; 
} 
} 
@media screen and (max-width: 500px){ 
header{ 
display: none !important; 
} 
} 

하지만 모든 전화에이 블로그를 열 때 그것은 아무것도하지 않는다. 사이트는 전화 또는 데스크톱 브라우저에서 열어도 그대로입니다. 왜 그래야만하지? 당신은 당신의 헤더에이이

Answer 1

, <meta content="width=1100" name="viewport">

가 해당 변경 사항 : https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag 코드에서 어떻게됩니까

는 사용자가 설정 한된다 <meta name="viewport" content="width=device-width, initial-scale=1">

뷰포트 작품을 볼 방법 메타 이해하는 웹 페이지의 "최소 1100px"폭.

장치 너비로 변경하면 웹 페이지가 장치만큼 넓어집니다.