自适应布局移动问题

Question

我有3个不同的浏览器宽度的替代布局。编码的CSS在我的index.html像这样：

<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

检查meta标签应该是

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

那么只有这将是设备

工作请参考以下链接还

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