所以我设置了一些链接到不同样式表的媒体查询，一个用于桌面，一个用于移动，看起来像这样
<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上加载页面时，它在纵向上看起来很棒，但是当我旋转它时，它不会缩放以填充屏幕。只是所有内容右侧的空白区域。我做错了什么？
答案 0 :(得分：1)
我在一年后回答这个问题，虽然我可能在6个月前找到了解决方案......
我所要做的就是删除initial-scale="1"。修好了。你看，这可以使页面按比例增长，以满足屏幕边缘。