1px问题的解决方案

发布于 2022年 01月 21日 03:12

因为现在大部分的设备像素/CSS像素基本是2,所以1px

方案一

使用background-image

优点: 可以设置单条多条边框,可以设置颜色

缺点: 大量使用渐变可能导致性能瓶颈

代码量大

多背景图片有兼容问题

方案二

使用scaleY和:after、:before

缺点:圆角无法实现,实现四条边框比较麻烦,并且只能单独实现,如果嵌套,会对包含的效果产生不想要的效果,所以此方案配合:after和:before独立使用较多

my.oschina.net/u/4267928/b…

推荐文章