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问题的解决方案 ，而不是对他的问题的直接答案。 它回答了他的应用程序“适合整个屏幕”的问题，因此我相信它可以回答问题的意图。