15-6 一像素border实现

最新推荐文章于 2024-07-10 16:05:14 发布

winner0004

最新推荐文章于 2024-07-10 16:05:14 发布

阅读量127

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_39273455/article/details/88801592

版权

Vue 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

草料二维码https://cli.im/
保证手机和电脑在同一局域网放进网址，扫描二维码可在手机查看网页样式
vue如何在手机中通过本机IP地址访问webApp

在这里插入图片描述

less设置如下：（根据像素比dpi按照y轴进行缩放）

@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.5);
      transform: scaleY(0.5);
    }
  }
}