美文网首页
一像素高度的线(1px)

一像素高度的线(1px)

作者: 枣阳黄小明 | 来源:发表于2017-07-22 19:21 被阅读0次

div{

       height:1px;

       overflow:hidden;

       background:red;

       transform:scaleY(.5);

}

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

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

相关文章

网友评论

      本文标题:一像素高度的线(1px)

      本文链接:https://www.haomeiwen.com/subject/cwwukxtx.html