H5 meta标签常用写法 

1         <meta charset="utf-8">
2         <meta http-equiv="X-UA-Compatible" content="IE=edge">
3         <meta name="applicable-device" content="mobile" />
4         <title>title</title>
5         <meta name="viewport" content="width=device-width,height=device-height,viewport-fit=cover, initial-scale=1.0, maximum-scale=1.0,user-scalable=no,shrink-to-fit=no">

添加viewport-fit=cover meta标签，使页面占满整个屏幕。css添加如下代码：

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

 

posted @ 2020-02-27 16:05  edczjw  阅读(460)  评论(0)  编辑  收藏  举报