IOS7忽略查看端口元数据

我真的很难解决这个问题。我见过其他人有同样的问题，但似乎都找到了解决办法，没有一个适合我的客户网站。我尝试了许多不同的组合，但都不起作用

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

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

我真的很感谢任何帮助，因为我已经花了几个小时试图修复它

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

---

你用过什么组合？我过去用过，它对我很有用

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

---

实际上有一个额外的元标记。这是它，这是它的id。

它不会显示在桌面上，因此它可能是由此脚本生成的。您应该查看该插件的设置，但如果找不到任何设置，则可以在标题末尾使用此javascript：

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

var svMeta=document.getElementById（'sv-meta'）；
if（svMeta）{svMeta.parentElement.removeChild（svMeta）}

不幸的是，这也不起作用。我使用的是：它可以扩展整个网站，以适应iPhone屏幕，但本质上它可以“缩小”将整个网站显示在桌面上，而不是在桌面上。它忽略了元标记，元标记应该告诉视网膜设备将每2个像素视为1个像素。在模拟器中，我看到了两个名为viewport的元标记，请尝试删除第二个具有空内容属性的元标记，这很可能是您的问题，因为它即将出现在第一个元标记之后，基本上覆盖了它：谢谢你的帮助，blueice，真的很感谢！我找不到第二个视口，或者元标记。你在哪里可以看到它？你在哪里使用什么模拟器？我想WP主题一定是自动生成的。我无法在页面本身的视图源中看到它，而且它是明确的不在my header.php.Np中，希望您能够跟踪第二个视口是如何引入的。我使用的是IOS模拟器，并通过safari远程调试工具查看您的网页源代码。