实现0.5px高度的线条

1. ‌调整视口设置（适用于整个页面的布局和图片大小需要预先确定的情况‌）

‌通过设置<meta name="viewport">标签的initial-scale、maximum-scale和minimum-scale为0.5，使得页面的宽高变为设备的2倍，此时使用1px的CSS像素，在视觉上就相当于0.5px。

2.css属性

1）‌box-shadow

.half-pixel-line{height:1px;box-shadow:0 0 0 0.5px black;}

2）背景渐变

.half-pixel-line{height:1px;background-image:linear-gradient(to right,black 50%,transparent 50%);background-size:100% 1px;}

3）transform缩放

.line{width:100%;height:1px;background-color:black;transform:scaleY(0.5);}

3.SVG元素

‌<svg width="100%" height="1"><line x1="0" y1="0.5" x2="100%" y2="0.5" style="stroke:black;"/></svg>

欢迎补充，一起进步。