一像素高度的线（1px）

div{

       height:1px;

       overflow:hidden;

       background:red;

       transform:scaleY(.5);

}

备注：这里的1px像素的线是是利用div的自身块元素来实现，定了高度为1px，在一般的显示器上是没有任何区别的，但是如果用移动端或者4k屏之类的（这泛指dpr不等于1的设备），就要用到transform的缩放了，纵向缩放（缩放多少根据设备而定）

overflow：hidden；因为不同的设备对缩放的展示效果不同，这里就会出现溢出，于是就要用到overflow属性