在iOS 8上使用ViewPort元标记的UIWebView应用程序问题

时间:2014-09-30 23:38:18

标签: html objective-c xcode uiwebview ios8

我正在尝试在加载我的html页面时将iOS 8 UIWebView应用程序的视口设置为500。这是我正在使用的代码,它适用于8以下的iOS版本,适合整个屏幕。但现在在iOS 8中,它在右侧留下了一个空白区域。真诚地感谢任何帮助。

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

1 个答案:

答案 0 :(得分:0)

第1部分:

看到这是一个关于让网站在iPhone上填满整个屏幕的问题,我 高度 建议调查响应式css框架,例如{{3 }}

然后,应用程序将调整为手机的屏幕大小,而不是将屏幕设置为500px。当使用纵向和横向视图更改时,非常非常有用甚至更多,现在在iPhone 6和6 +上添加了新的屏幕尺寸。

第2部分:

现在我要说的是,用css框架重写你的用户界面可以很多的工作(虽然完全值得利用)< / p>

更直接地解决您的问题...如果您将测试设备连接到Mac并打开safari并检查页面(确保按下index.html旁边的资源选项卡中的刷新按钮,以便它可以捕获所有来自页面加载的错误和事件)您是否看到有关content="width=500"无效或无法识别的错误或消息?

评论者注意:

我认为这是OP问题的解决方案,而不是他问题的直接答案。它回答了他的申请“适合整个屏幕”的问题,因此我认为它回答了问题的意图。