位置固定在iphone X webview中

时间:2018-06-08 09:54:17

标签: ios css webview iphone-x safearealayoutguide

我有一个封装网站的ios webview。 webview在各方面都是100%宽。我的固定顶部标题(以及网站上的任何其他固定元素)都位于iPhone X的缺口区域下方。

我的视口设置为viewport-fit=cover,我尝试添加

padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);

到身体或主要容器并且它可以工作,但当然不适用于仍然位于缺口下方的任何固定元件。

我不想让所有固定元素在顶部检测到设备模型有一些额外的填充,我想知道我是否不知道某些解决方法让它理解{{ 1}}应该位于缺口区域的底部。

ios webview应该设置在安全区域内而不是全屏,还是可以在前端代码上做些什么来避免这种情况?

感谢

0 个答案:

没有答案