React ios移动端处理安全区

React ios移动端处理安全区,第1张

1.替换项目里public目录下index.html的meta标签

 

2.在项目src目录下的App.css中加入:

body {
  /*适配苹果底部白条*/
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-left: env(safe-area-inset-left);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

这样就处理了ios底部安全区的问题

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

原文地址: https://outofmemory.cn/langs/564547.html

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

发表评论

登录后才能评论

评论列表(0条)

保存