移动web 1px边框

transform:scale(0.5)

1.用height:1px的div,然后根据媒体查询设置 transform:scaleY(0.5);

移动web 1px边框_第1张图片

2.用::after 和 ::befor,设置border-bottom:1px solid #000,然后在缩放-webkit-transform:scaleY(0.5);可以实现两根边线的需求。

移动web 1px边框_第2张图片

3.用::after 设置border:1px solid #000;width:200%;height:200%,然后再缩放scaleY(0.5);优点可以实现圆角,缺点是按钮添加active比较麻烦。

移动web 1px边框_第3张图片

你可能感兴趣的:(移动web 1px边框)