数码资讯
1px问题的解决方案
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
因为现在大部分的设备像素/CSS像素基本是2,所以1px
方案一
使用background-image
优点: 可以设置单条多条边框,可以设置颜色
缺点: 大量使用渐变可能导致性能瓶颈
代码量大
多背景图片有兼容问题
方案二
使用scaleY和:after、:before
缺点:圆角无法实现,实现四条边框比较麻烦,并且只能单独实现,如果嵌套,会对包含的效果产生不想要的效果,所以此方案配合:after和:before独立使用较多
my.oschina.net/u/4267928/b…
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。