최대 320px의 응답 성 디자인?

320px의 최대 너비로 인해 반응 형 디자인이 작동하지 않는 이유를 모르겠습니다. Chrome에서 iPad 용 크기가 다르기 때문에 제대로 작동하지만 iPhone 용으로는 잘못되었습니다. 내 코드는 다음과 같습니다.최대 320px의 응답 성 디자인?

<link rel="stylesheet" type="text/css" href="css/styles.css" /> 
<link rel="stylesheet" type="text/css" href="css/iPhonePortrait.css" media="only screen and (max-width : 320px) and (orientation : portrait)" /> 
<link rel="stylesheet" type="text/css" href="css/iPadLandscape.css" media="only screen and (max-width : 1024px) and (orientation : landscape)" /> 
<link rel="stylesheet" type="text/css" href="css/iPadPortrait.css" media="only screen and (max-width : 768px) and (orientation : portrait)" />

브라우저가 업데이트 되었습니까?

출처

2013-06-18 Antonio

메타 태그 <meta name="viewport" content="width=device-width,initial-scale=1.0">으로 필요합니다.

출처

2013-06-18 18:05:41

아담, 쿠키와 당신의 발언 사이에 정확한 크기가 있습니다. 마지막으로 메타 태그로 을 사용했으며 제대로 작동합니다. – Antonio

최대 320px의 응답 성 디자인?

답변

관련 문제