全面屏手机把整个webview(包括状态栏)给H5的话,头部的返回按钮会置于页面的安全区外,会盖住header区域,导致无法后退等其他操作。
先说下constant 函数
iOS11 新增特性,Webkit 的一个 CSS 函数,用于设定安全区域与边界的距离,有四个预定义的变量(单位是px)
safe-area-inset-left safe-area-inset-right safe-area-inset-top safe-area-inset-bottom
constant :针对iOS < 11.2以下系统
env :针对于iOS >= 11.2的系统
这两个函数都是 webkit 中 css 函数,可以直接使用变量函数,只有在 webkit 内核下才支持
网页默认不添加扩展的表现是 viewport-fit=contain ,需要适配 iPhone 必须设置 viewport-fit=cover
标签:函数,area,safe,iOS,H5,inset,刘海 From: https://www.cnblogs.com/theblogs/p/16877663.html