ios底部白条(安全区处理),让背景能够铺满安全区

ios底部白条(安全区处理),让背景能够铺满安全区,第1张

标题

第一步

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);
}

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/994225.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存