手机端1px显示比较粗的方法

最新推荐文章于 2020-11-24 18:23:00 发布

樱桃小丸子的樱花

最新推荐文章于 2020-11-24 18:23:00 发布

阅读量469

点赞数

分类专栏：移动开发 CSS3

本文链接：https://blog.csdn.net/mababy_8023/article/details/77221394

版权

CSS3 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

移动开发

2 篇文章 0 订阅

订阅专栏

方法1：

HTML:
<div class="div1">手机端1px粗边框</div>
<div class="div2">手机端1px细边框</div>
CSS:
.div1,.div2{
   width: 100%;
   height: 300px;
   positive: relative;
   margin: 10px;
}
.div1{
   border-bottom: 1px solid #666;
}
.div2::before{
   content: '';
   position: absolute;
   width: 200%;
   height: 200%;
   border-bottom: 1px solid #666;
   transform-origin: 0 0;
   transform: scale(0.5, 0.5);
   box-sizing: border-box;
}