一像素高度的线(1px)

div{

       height:1px;

       overflow:hidden;

       background:red;

       transform:scaleY(.5);

}

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

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

你可能感兴趣的:(一像素高度的线(1px))