iOS 8上的ViewPort Meta標簽出現UIWebView App問題

Question

我試圖在加載我的HTML頁面時將我的iOS 8 UIWebView App的視口設置為500。 這是我正在使用的代碼，在8以下的iOS版本上可以正常工作，適合整個屏幕。 但是現在在iOS 8中，它在右側保留了一個空白區域。 真誠的感謝您的幫助。

<meta name="viewport" content="width=500, user-scalable=no"/>

Answer 1

第1部分：

看來這是有關使網站在iPhone上充滿整個屏幕的問題，我強烈建議您研究一下響應式CSS框架，例如twitter bootstrap 。

然后，無需將屏幕設置為500px ，而是將應用程序調整為手機的屏幕尺寸。 與縱向和橫向視圖更改工作，甚至moreso現在增加了新屏幕尺寸的iPhone 6和6 +時，這是非常有用的。

第2部分：

現在，我說了這樣的理解：用css框架重新編寫UI可能需要很多工作（ 盡管這樣做完全值得 ）

要更直接地解決您的問題...如果將測試設備連接到Mac並打開Safari瀏覽器並檢查頁面（請確保按index.html旁邊資源標簽中的刷新按鈕，以捕獲所有錯誤和事件從頁面加載中），您是否看到有關content="width=500"任何錯誤或消息無效或無法識別？

審稿人注意：

我認為這是對OP問題的解決方案 ，而不是對他的問題的直接答案。 它回答了他的應用程序“適合整個屏幕”的問題，因此我相信它可以回答問題的意圖。