#line{border-bottom:1pxsolidblack;}方法一：tansform#line1{border-bottom:1pxsolidblack;变换：scaleY(0.5)；}方法二：渐变#line2{height:1px;背景：-webkit-linear-gradient(90deg,#00050%,transparent50%);}注：测试谷歌浏览器当时有问题，1.角度不符合w3c标准，2.PC端不显示PC端：移动端：方法三：initial-scalecode截图说明：适用于移动端，字体也会变小，原理是css的1px在手机上物理上不是1像素，可能是2像素。initial-scale值改为0.5后，只代表1个像素