我的网站不允许放大instagrams网页浏览器？

Question

当我在safari上访问我的网站www.melonheadnj.com时，我可以捏缩放。但是，当我点击我的Instagram页面上的链接@melonheadnj时，我无法缩放。

我检查了其他网页上的其他链接，他们可以缩放。

这会在我的移动广告中出现吗？

Answer 1

在我的主题的header.php文件中有一个元标记...

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' />

通过删除user-scalable = no，我再次能够放大Instagram浏览器。奇怪的是它允许我放大Safari手机吗？

Answer 2

如前所述，视口元数据阻止了原生缩放。但是，在Mobile Safari（webkit）中，Apple选择不再尊重user-scalable=no和maximum-scale，因此无论如何，用户始终都可以进行原生缩放。这是为了强制可访问性支持。请参阅webkit blog post。