css 移动端1px的解决方案

来源:互联网 发布:羽生结弦 知乎 编辑:程序博客网 时间:2024/06/05 09:04
.wi-cell {    position: relative;}.wi-cell:before {    content: " ";    position: absolute;    left: 0;    top: 0;    right: 0;    height: 1px;    border-top: 1px solid #e5e5e5;    color: #e5e5e5;    -webkit-transform-origin: 0 0;    transform-origin: 0 0;    -webkit-transform: scaleY(0.5);    transform: scaleY(0.5);    left: 15px;}

原理:父级设置相对定位,通过伪类来给父级添加子元素设置相对于父级的绝对定位,设置其高为一个像素,然后设置上边框也为一个像素,最后通过 CSS3 的 transform 属性把伪元素缩放为原来的一半大小。
原创粉丝点击