ios底部白条（安全区处理），让背景能够铺满安全区

最新推荐文章于 2023-11-03 14:36:32 发布

newbie (⊙o⊙)

最新推荐文章于 2023-11-03 14:36:32 发布

阅读量3.2k

点赞数 2

分类专栏： css 文章标签： ios 前端 javascript

本文链接：https://blog.csdn.net/Jonn1124/article/details/122099935

版权

css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

标题

第一步

1.viewport-fit=cover 重点
<meta name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,
user-scalable=no,minimal-ui,viewport-fit=cover"/>

2.body 设置
body {
  height: 100%;
  width: 100%;
  /*overflow-x:hidden;*/
  /*overflow-y: scroll;*/
  /*适配苹果底部白条*/
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
}