移动端 1px解决方案【mui目前在用的方案】

作者: MJ 分类: html 发布时间: 2018-10-26 13:22
.gift-tab-title{
	height:0.515rem;
	background: #fff;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index: 99;
}
.gift-tab-title:after {
	content:"";
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	height:1px;
	width:100%;
	border-bottom:1px solid #ccc;
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	-webkit-transform:scaleY(.5);
	transform:scaleY(.5);
}

 

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注