mobile - 视口属性不适用于移动网站

Question

所以我设置了一些链接到不同样式表的媒体查询，一个用于桌面，一个用于移动，看起来像这样

<link rel="stylesheet" href="styles_phone_320.css" type="text/css" media="(max-device-width:320px)" />

我的视口元标记看起来像这样

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

出于某种原因，当我在 iPhone 5 上加载页面时，它的纵向看起来很棒，但是当我旋转它时，它不会缩放以填满屏幕。只是所有内容右侧的空白。我究竟做错了什么？

Answer 1

一年后我回答了这个问题，尽管我可能在大约 6 个月前找到了解决方案......

我所要做的就是删除initial-scale="1". 那解决了它。你看，这让页面按比例增长以满足屏幕的边缘。