0
나는 반응 형 사이트에서 작업하고 있습니다. 저는 Chrome 개발자 도구를 사용하여 화면 크기를 320px로 대체하고 미디어 쿼리를 사용하여 CSS를 변경했습니다. 이 미디어 내가 사용했던 쿼리입니다 :이 제대로 작동 브라우저에모바일 너비에 대한 미디어 쿼리가 올바르지 않습니다.
@media only screen
and (max-width : 480px) {
나는이 (뷰포트 480 픽셀 × 320으로 설정) 얻을 : 그것을 볼 때
을 아이폰 5에, 그것은 2] 전체 폭 버전과 동일한 결과입니다됩니다 :
당신은 당신의 <head>
태그에서이
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
추가 전체 미디어 쿼리 CSS here