早睡早起,方能养生!
Sleep early rise early, square can preserve one's health!

uniapp中IOS端小程序底部黑线适配

super
2021-10-11 17:24
views 71

问题:IOS底部黑线如何自动适配?

 

 

解决方式:给底部导航一个安全值

 

.menu {
	height: 50px;
	border-top: 1px solid #f1f1f1;
	isplay: flex;
	width:100%;
	position: fixed;
	background-color: #fff;
	bottom: 0;

	/* 新增以下代码 */
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: content-box;
}

 

IOS端

 

 

Android端

 


分享
0 条讨论
top