적응 형 레이아웃 모바일 문제

Question

다른 브라우저 너비에 대해 3 가지 대체 레이아웃이 있습니다. 지금처럼 내 index.html을에서 CSS 코딩 :

<link rel='stylesheet' media='screen and (max-width: 640px)' href='narrow.css' /> 
 
<link rel='stylesheet' media='screen and (min-width: 641px) and (max-width: 1200px)' href='med.css' /> 
 
<link rel='stylesheet' media='screen and (min-width: 1201px)' href='wide.css' />

그것은 내가 브라우저 창 크기를 변경하면 바탕 화면에 완벽하게 작동, 나는 몇 가지 반응 레이아웃 테스트 페이지에서 테스트 할 때.
문제점 : 모든 휴대 전화에서 내 모바일 장치 (iphone 5)에서이 작동하지 않습니다. 화면 크기에 잘못된 레이아웃을 사용합니다. atm은 다른 장치에서 테스트 할 수 없습니다.
제안 사항이 있으십니까? HTML 코드에서

Answer 1

확인 메타 태그는 만이 링크를 또한

https://css-tricks.com/snippets/html/responsive-meta-tag/