IOS7忽略查看端口元

我真的很難試圖解決這個問題。我看到其他人也遇到同樣的問題，但似乎都找到了解決辦法，但沒有一個適用於我的客戶網站。我嘗試了許多不同的組合，但沒有任何作用。IOS7忽略查看端口元

該網站在桌面，安卓和IOS6 /下面完全響應，但在IOS7發佈後，它不再在任何IOS7瀏覽器上正確顯示，並且默認爲桌面佈局（儘管適合所有屏幕，仍然不理想）。這就像忽略了視網膜的視口設置。

有問題的網站是www.grupoevents.com

我真的很感激任何幫助，因爲我已經花了幾個小時試圖修復它！

這可能是我現在都試過了，仍然沒有工作:(

2014-03-27 user3466975

您使用有哪些組合？我已經在過去使用這個和它的作品對我來說視窗的第六變化。

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

來源

2014-03-27 18:40:29 blueice

不幸的是，也沒有工作。我正在使用：它縮放整個網站以適應iPhone屏幕，但它本質上是「縮小」來顯示整個網站，就像在桌面上那樣。就像它忽略了meta標籤，它應該告訴視網膜設備對待每2像素像1像素。 – user3466975

在模擬器中，我看到2個帶有視口名稱的元標記，嘗試用空內容屬性去除第二個元素，這很可能是您的問題，因爲它是在第一個元標記之後出現的，基本上覆蓋了它： – blueice

感謝您的幫助blueice，真心感謝！我無法找到第二個視口或元標記。你在哪裏可以看到？你用什麼模擬器？我認爲WP主題必須自動生成它。我無法在頁面本身的視圖源中看到它，並且它確實不在我的header.php中。 – user3466975

其實也有一個額外的meta標籤。這是和這裏的其ID。<meta name="viewport" id="sv-meta" content="">

它不會在桌面上顯示出來，所以它的probabl y正在由此腳本生成<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>

來源

2014-04-22 16:56:05 Andrew

IOS7忽略查看端口元

回答

相關問題