所以我从我的肖像的iOS设备上切换到横向模式时，和我的网站的响应一个奇怪的问题。 你可以在这里看看直播现场： http://www.aptify.com
如果您查看在纵向模式的网站，然后转动它在放大的iOS设备。
目前，我有以下元：
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
我发现类似这样的一个问题： 媒体查询-风景模式对iPhone太超大 ，但这个问题是从来没有一个正确的答案。 唯一的答案中确实提到使用类似于我上面的标签的东西，但它只是： <meta name="viewport" content="width=device-width" />无initial-scale=1.0 -这并有所作为？
我也想指出，这并不在Android设备上，只有iOS设备发生。
任何人都有和之前修复了这个问题？
谢谢你的帮助！
我已经包括在注释中的链接，以帮助这种情况。 要解决这个问题的另一种方法是使用中介绍的代码杰里米Keith的“方向和规模”的文章 。
<script type="text/javascript">
var metas = document.getElementsByTagName('meta');
var i;
if (navigator.userAgent.match(/iPhone/i)) {
for (i=0; i<metas.length; i++) {
if (metas[i].name == "viewport") {
metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
}
}
document.addEventListener("gesturestart", gestureStart, false);
}
function gestureStart() {
for (i=0; i<metas.length; i++) {
if (metas[i].name == "viewport") {
metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
}
}
}
</script>
如果你想忽略你的用户权利，而不是让他们来放大他们的设备上，你也可以设置中继检视到，这将解决问题的下面
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
