微信小程序：css：安全区和状态栏的计算和适配

Posted 2022-06-11 wuwuFQ

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序：css：安全区和状态栏的计算和适配相关的知识，希望对你有一定的参考价值。

底部安全区：

.aa 
		padding-bottom: 0;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);

电池栏(状态栏):

padding-top: var(--status-bar-height);

css里面数值的计算：

padding-top: calc(var(--status-bar-height) + 20px);
width: calc(100% - 40px);
height: calc(375px / 7.0 - 10px);

以上是关于微信小程序：css：安全区和状态栏的计算和适配的主要内容，如果未能解决你的问题，请参考以下文章