自适应布局移动问题
Adaptive layout mobile issues
对于不同的浏览器宽度，我有 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' />
当我更改浏览器 window 大小时，它在我的桌面上完美运行，当我在几个响应式布局测试页面中测试它时。
问题： 在我的移动设备上不起作用 (iphone 5)，在任何浏览器中：它使用错误的屏幕尺寸布局。 atm 无法在其他设备上测试。
有什么建议吗？
检查您的 HTML 代码中的元标记，它应该是
<meta name="viewport" content="width=device-width, initial-scale=1.0">
那么只有它才能在设备上运行
参考以下link也
对于不同的浏览器宽度，我有 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' />
当我更改浏览器 window 大小时，它在我的桌面上完美运行，当我在几个响应式布局测试页面中测试它时。
问题： 在我的移动设备上不起作用 (iphone 5)，在任何浏览器中：它使用错误的屏幕尺寸布局。 atm 无法在其他设备上测试。
有什么建议吗？
检查您的 HTML 代码中的元标记，它应该是
<meta name="viewport" content="width=device-width, initial-scale=1.0">
那么只有它才能在设备上运行
参考以下link也