关于移动端1px问题的解决
其他
2020-04-22 14:01:10
阅读次数: 0
利用=>:after和:before实现
父元素=>position:relative
- 单线不需要倒角=>
:after{content:'';position:absolute;width:100%;height:1px;transform:scaleY(0.5);bottom:0px;left:0px;orign-tansform:bottom left;}
- 多线需要倒角=>
:after{content:'';position:absolute;border:1px solid #000;width:200%;height:200%;tansform:scale(0.5);top:0px;left:0px;orign-transform:0 0;}
- 多线需要倒角=>
:after{content:'';position:absolute;border:1px solid #000;tansform:scale(0.5);top:-50%;left:-50%;bottom:-50%;right:-50%;orign-transform:0 0;}
转载自www.cnblogs.com/yogic/p/12470428.html