我一直在寻找一个有效的答案 . 我正在尝试创建一个非常简单的WKWebView应用程序来包装Web应用程序 . 我不需要任何花哨的东西,因为导航控件都在应用程序中 .
目前我的ViewController.swift文件如下所示:
https://gist.github.com/andrewweaver/4a0e13245f185e8f31ba812b91f7dddd
Swift version: Apple Swift version 3.1 (swiftlang-802.0.53 clang-802.0.42)
问题是状态栏的填充,我想调整它,以便状态栏不在内容的顶部,因为它在这里:
任何帮助都将非常感谢,因为我是iOS开发的新手 . 我还希望能够更改状态栏颜色,但目前不是一个直接关注的问题 .
2 回答
我使用autolayout约束解决了这个问题,请检查
希望它有所帮助 .
要完全在HTML / CSS中执行此操作(这将涉及您控制HTML),您需要将
viewport-fit=cover
添加到metaviewport
标记 . 这告诉设备您希望webview填满整个屏幕,包括"safe areas"(例如状态栏后面) .但是你也需要动态调整你的填充以处理iPhone X,它具有更大的状态栏区域,并包括扬声器和摄像头的凹口 .
幸运的是,Apple为安全区域插入暴露了一些CSS常量,因此您可以利用CSS中的那些:即,
padding-top: constant(safe-area-inset-top);
我写了更多关于这个场景和iOS 11和iPhone X的新CSS功能:https://ayogo.com/blog/ios11-viewport/
如果您_1154955_可以控制正在加载的HTML / CSS,则可以禁用Web视图的安全区域行为:
请注意,在iPhone X上,这可能会导致内容无法访问并被凹槽遮挡 .