一像素高度的线(1px)

div{

       height:1px;

       overflow:hidden;

       background:red;

       transform:scaleY(.5);

}

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

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

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,201评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 1,334评论 0 11
  • 关于css常见问题,大多是移动端的。 简单的排版规则:条目与条目之间空两行,每条内容部分分段空一行。标点符号全部用...
    苏水儿阅读 4,122评论 0 9
  • 我很快的爱上了你 恨不得天天粘着你 如果可以把我变小放进你口袋里就好了 ...
    肖丝丝阅读 61评论 0 0
  • 感恩今天是周末,睡了一个懒觉,舒服。谢谢你,谢谢你,谢谢你。 感恩去超市釆买,买了许多好吃的,就当犒劳一下自己和家...
    王贻贤阅读 35评论 0 0
  • 灵魂的出口会在哪里 我有太多的情绪 欣喜,希冀 却又沮丧,漫无目的 每一次思及此生终会逝去 就会有一万种念头在心里...
    等一场烟雨迷阅读 80评论 1 1