Question

我真的很难尝试解决这个问题。我已经看到其他人遇到同样的问题，但似乎所有人都找到了解决办法，但这些解决方案都不适用于我的客户网站。我尝试了许多不同的组合，但没有任何效果。

该网站完全响应桌面，Android和IOS6 /以下，但在IOS7发布后，它不再在任何IOS7浏览器上正确显示并默认为桌面布局（虽然适合所有屏幕，仍然不理想）。这就像忽略了视网膜的视口设置一样。

有问题的网站是www.grupoevents.com

我非常感谢任何帮助，因为我已经花了好几个小时试图修复它！

这可能是我现在尝试过的视口的第6种变体，仍然不起作用：（

Answer 1

您使用过哪些组合？我过去曾经使用过它，它对我有用。

<!-- standard viewport tag to set the viewport to the device's width, Android 2.3 devices need this so 100% width works properly and doesn't allow children to blow up the viewport width-->
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">

<!-- width=device-width causes the iPhone 5 to letterbox the app, so we want to exclude it for iPhone 5 to allow full screen apps -->
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">

Answer 2

实际上有一个额外的元标记。在这里，这是它的身份。 <meta name="viewport" id="sv-meta" content="">

它不会显示在桌面上，因此可能是由此脚本<script type="text/javascript" src="http://grupoevents.com/wp-content/plugins/wp-simpleviewer/svcore/js/simpleviewer.js?ver=2.3.2.1"></script>生成的。您应该查看该插件的设置，但如果找不到，那么您可以在标题的末尾使用此javascript：

<script type="text/javascript">
  var svMeta = document.getElementById('sv-meta');
  if(svMeta){ svMeta.parentElement.removeChild(svMeta) }
</script>

IOS7忽略了视口元

2 个答案: