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

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"。那解决了它。你看，这让页面按比例增长以适应屏幕的边缘。