我正在嘗試修復網頁設計中的一些頁面，並遇到了一個問題，我的常規桌面瀏覽器上看起來不錯的側邊欄橫幅廣告似乎在iPhone和Android設備上顯示「關閉屏幕」。通過將視口元標記設置爲更高的值（例如1300），問題似乎消失了。雖然沒有發現任何副作用，但是我很好奇，如果將標籤設置爲很高的值，則表示設計問題更大？將視口元標記設置爲1300？
<meta name="viewport" content="width=1300" />
您應該使用此meta標籤：
<meta name="viewport" content="width=device-width">
，因爲如果你是在移動設備上查看自己的網站，例如，您的網站將是微小的和不可見的。
<meta name="viewport" content="width=1300" />
你的meta標籤確實是說給瀏覽器，
「不論屏幕這個網站上（視口寬度）的寬度 渲染它，就好像它是一個1300px寬屏幕「。
如果您的視口小於1300像素，將會「縮小」，如果視口大於1300像素，則會「縮小」。
現在，聽起來對於我來說，如果你使用它來修復你的佈局，你會遇到更大的問題。我強烈建議您查看bootstrap，以便使佈局響應。 Bootstrap是一個css文件庫，您可以添加到您的網站來完成很多事情，其中之一就是創建一個流暢的響應式網格系統。
我建議從here開始瞭解bootstrap以及它可以做些什麼，然後google搜索一些文章。每個人都喜歡它！相信我，一旦你意識到它可以使你的生活變得簡單，你也會喜歡它。
謝謝，我並沒有真正用視口「修復」版面，而是試圖讓手機上顯示整個屏幕。我現在意識到，如果信息適當放大，沒有響應式設計是一個錯誤，但是，我不確定在開發過程中我將如何輕鬆地修復它。你有沒有經驗「引導」現有的網站？ – tvfoodmaps 2013-02-12 14:38:05
是的。它實際上是*製作的，用於使現有網站響應。 – 2013-02-12 14:38:52
將此問題標記爲已回答。用一個實際的html結構例子開始一個新的問題，並要求在將現有網站轉換爲響應式bootstrap的過程中指向正確的方向。我會寫我自己對過去所做的事情的看法，我相信其他人也會加入。 – 2013-02-12 14:42:13
你是什麼意思「設置視口元標記爲更高的值？」請發佈您的確切視區元標記。 – 2013-02-12 03:06:18
我將它添加到問題中。感謝您的關注。 – tvfoodmaps 2013-02-12 03:26:02