0.5px移动端可用

grain2017

于 2017-12-15 11:25:29 发布

阅读量423

点赞数

文章标签：移动

本文链接：https://blog.youkuaiyun.com/weixin_39856480/article/details/78811031

版权

<div class="out"></div>

不使用伪类

.out{
    content: " ";
    width: 200px;
    height:1px;
    background-color: red;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
二.使用伪类

<div class="bottom"></div>
.bottom:after {
    content: " ";
    width: 100%;
    border-bottom: 1px solid red;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    position: absolute;
}