移动端1px 像素边框

郝艳峰Vip

已于 2023-10-12 08:26:27 修改

阅读量228

点赞数

分类专栏： css 文章标签： css3

于 2023-09-21 08:54:53 首次发布

本文链接：https://blog.csdn.net/ww_5211314/article/details/133122214

版权

css 专栏收录该内容

9 篇文章

订阅专栏

博客记录了移动端1px像素的实现方法，采用伪类元素来达成该效果，聚焦于移动端像素处理的信息技术内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

移动端1px 像素采用伪类元素的transform: scale(.5);方法实现，记录一下

  <div class="modileBorder"></div>
    .modileBorder{
    position: relative;

		    &::after {
		      position: absolute;
		      box-sizing: border-box;
		      content: ' ';
		      pointer-events: none;
		      top: -50%;
		      right: -50%;
		      bottom: -50%;
		      left: -50%;
		      border: 1px solid #d4d4d4;
		      -webkit-transform: scale(.5);
		      transform: scale(.5);
		    }
    }