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

所以我设置了一些链接到不同样式表的媒体查询，一个用于桌面，一个用于移动，如下所示

<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">

---

出于某种原因，当我在iPhone5上加载页面时，它在纵向上看起来很棒，但当我旋转它时，它无法缩放以填充屏幕。所有内容右侧的空白处。我做错了什么？

一年后我会回答这个问题，尽管我大概在6个月前找到了解决办法

我所要做的就是删除

initial scale=“1”

。这就解决了问题。你看，这让页面的规模扩大，以满足屏幕的边缘