1px线在移动端的实现

.box{position:relative;}.line_bottom{height:1px;宽度：100%；背景色：#b7daf0；位置：绝对；变换：scaleY(0.3)；-webkit-transform:scaleY(0.3);}兼容性问题定义好这个样式后，在手机上查看，运气好的话可能会看到想要的效果已经显示出来了，但是存在兼容性问题。有的手机不显示线条，有的手机滑动屏幕有时会有线条。这时候需要在父元素中添加如下属性：transform:perspective(500)就可以完美兼容了。至于为什么~想到了再补充