微信小程序适配iphonex的安全区域

最新推荐文章于 2025-03-05 21:08:14 发布

ggxr00

最新推荐文章于 2025-03-05 21:08:14 发布

阅读量535

点赞数

分类专栏： css 文章标签：小程序 css 前端

本文链接：https://blog.youkuaiyun.com/ggxr00/article/details/117933406

版权

css 专栏收录该内容

4 篇文章

订阅专栏

微信小程序适配安全区

// 高度固定
.wrap {
	width: 100%;
	height: calc(100rpx + constant(safe-area-inset-bottom)); /*兼容 IOS<11.2*/
	height: calc(100rpx + env(safe-area-inset-bottom)); /*兼容 IOS>11.2*/
}

// 高度不固定
.wrap {
	width: 100%;
	height: auto;
	padding: 20rpx 32rpx;
	padding-bottom: calc(20rpx + constant(safe-area-inset-bottom)); /*兼容 IOS<11.2*/
	padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); /*兼容 IOS>11.2*/
}