搜索

我zfxcms ！ ^回到顶部

您的当前位置：首页 > web资讯 > CSS > 伪类解决移动端border宽度的问题

伪类解决移动端border宽度的问题

所属分类: CSS   2018-08-31 14:42:39  编辑：starDreamFlower  浏览次数 1182 次

DOM结构
<div class='test'>
    测试
</div>
CSS样式
.test {
    width: 200px;
    height: 200px;
    position: relative;
    &:after {
        content: '';
        display: block;
        width: 200%;
        height: 200%;
        border: 1px solid #000;
        transform: scale(.5);
        transform-origin: 0 0;
        position: absolute;
        left: 0;
        top: 0;
      }
}


解决方案来源示例图

border_test.png



猜你喜欢

Web文章检索

Web文章目录

网站地图   联系我哦   用户协议   法律声明   QQ：171780793

水水网版权所有 ©2016-2024 All Rights Reserved 晋ICP备17001334号