div{
height:1px;
overflow:hidden;
background:red;
transform:scaleY(.5);
}
备注:这里的1px像素的线是是利用div的自身块元素来实现,定了高度为1px,在一般的显示器上是没有任何区别的,但是如果用移动端或者4k屏之类的(这泛指dpr不等于1的设备),就要用到transform的缩放了,纵向缩放(缩放多少根据设备而定)
overflow:hidden;因为不同的设备对缩放的展示效果不同,这里就会出现溢出,于是就要用到overflow属性