我的網站不允許放大Instagrams網頁瀏覽器？

Question

當我在safari上訪問我的網站www.melonheadnj.com時，我可以捏放大。但是，當我點擊我的Instagram頁面@melonheadnj上的鏈接時，我無法縮放。

我檢查了其他頁面的其他鏈接，他們能夠縮放。

這是我的手機的CSS嗎？

Answer 1

在我的主題的header.php文件有一個meta標籤...

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

通過刪除用戶可擴展=沒有，我當時又能夠放大的Instagram的瀏覽器。奇怪的是，它允許我放大safari移動已經雖然？

Answer 2

如前所述，視口元數據會阻止原生縮放。但是，在移動Safari（webkit）中，Apple選擇不再尊重user-scalable=no和maximum-scale，因此無論如何用戶始終能夠本機縮放。這是強制無障礙支持。請參閱webkit blog post。