首页 > 移动平台 > 详细

移动端1px 边框

时间:2019-05-30 20:31:17      阅读:83      评论:0      收藏:0      [点我收藏+]
伪类+ transform
.border_1px:before{
          content: '';
          position: absolute;
          top: 0;
          height: 1px;
          width: 100%;
          background-color: #000;
          transform-origin: 50% 0%;
        }
        @media only screen and (-webkit-min-device-pixel-ratio:2){
            .border_1px:before{
                transform: scaleY(0.5);
            }
        }
        @media only screen and (-webkit-min-device-pixel-ratio:3){
            .border_1px:before{
                transform: scaleY(0.33);
            }
        }

设备像素比device pixel ratio简称dpr,即物理像素和设备独立像素的比值。
scaleY(y) 通过设置 Y 轴的值来定义缩放转换。

移动端1px 边框

原文:https://www.cnblogs.com/whkl-m/p/10951192.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!