2013-04-15 2 views
0

나는 반응 형 사이트에서 작업하고 있습니다. 저는 Chrome 개발자 도구를 사용하여 화면 크기를 320px로 대체하고 미디어 쿼리를 사용하여 CSS를 변경했습니다. 이 미디어 내가 사용했던 쿼리입니다 :이 제대로 작동 브라우저에모바일 너비에 대한 미디어 쿼리가 올바르지 않습니다.

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

나는이 (뷰포트 480 픽셀 × 320으로 설정) 얻을 : 그것을 볼 때

enter image description here

을 아이폰 5에, 그것은 2] 전체 폭 버전과 동일한 결과입니다됩니다 :

enter image description here

당신은 당신의 <head> 태그에서이

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 

추가 전체 미디어 쿼리 CSS here

답변

4

을 볼 수 있습니다.

귀하의 웹 사이트가 기본 너비가 아닌 기기 너비로 확장됨을 의미합니다.

관련 문제