采用viewport-fit的meta标签作为适配方案。
auto | cover |
---|---|
默认,页面内容显示在安全区内 | 页面内容充满屏幕 |
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
注:若在css中使用calc()方法 其不能和vh、vw等视窗单位一起使用。