【兼容性】之iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配

[yihan12]

iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配

overflow: hidden;
height: 100%;
padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/

padding-top: constant(safe-area-inset-top); /*兼容 IOS<11.2*/
padding-top: env(safe-area-inset-top); /*兼容 IOS>11.2*/

padding-left: constant(safe-area-inset-left); /*兼容 IOS<11.2*/
padding-left: env(safe-area-inset-left); /*兼容 IOS>11.2*/

padding-right: constant(safe-area-inset-right); /*兼容 IOS<11.2*/
padding-right: env(safe-area-inset-right); /*兼容 IOS>11.2*/

兼容性系列

主要是日常业务代码问题整理。

后续会一直更新，希望各位看官不要吝啬手中的赞。

❤️ 感谢各位的支持！！！

❤️ 如果有错误或者不严谨的地方，请务必给予指正，十分感谢！！！

❤️ 喜欢或者有所启发，欢迎 star！！！