实现移动端border-1px

最新推荐文章于 2024-04-22 10:02:27 发布

chi1130

最新推荐文章于 2024-04-22 10:02:27 发布

阅读量414

点赞数

本文链接：https://blog.csdn.net/chi1130/article/details/81224426

版权

 @media (-webkit-min-device-pixel-ratio: 1.5),
    (min-device-pixel-ratio: 1.5) {
      .border-1px::after {
        -webkit-transform: scaleY(0.7);
         transform: scaleY(0.7)
      }
    }
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-device-pixel-ratio: 2) {
      .border-1px::after {
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7)
      }
    }
    div{
      height: 220px;
      width: 100%;
      border:1px solid #ccc;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 80px;
    }