移动端1px的写法

今日知识点总结

我把这里当做一个树洞,去分享自己的成长的点滴,不喜勿喷.

移动端1px的写法

/* 给要加的元素加类名border-1px  利用媒体查询调整 */
        .border-1px{
            position:relative;
        }
        .border-1px::after{
            content:"";
            position:absolute;
            top:0;
            left:0;
            width:100%;
            border-bottom:1px solid #eee;
        }
        @media (min-device-pixel-ratio:1.5){
            .border-1px::after{
                transform:scaleY(0.7);
            }
        }
        @media (min-device-pixel-ratio:2){
            .border-1px::after{
                transform:scaleY(0.5);
            }
        }