Liu default screen webview is a safe area, plus post-viewport-fit = cover property webview will be full-screen, full-screen adaptation bangs screen to add security zone
padding-top: 1rem; // android style
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);// ios 样式
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left); // ios样式
ios两个样式原因
when the iPhone X first came out, it used
when the iPhone X first came out, it used
constant()
instead of
env()
, but as of 11.2,
constant()
has been removed in favor of the standardized
env()