移动端一物理像素边框的设置

Posted 2020-09-19 再多bug也要往前走

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动端一物理像素边框的设置相关的知识，希望对你有一定的参考价值。

.border-1{
    position: relative;
}
.border-1:after{
    content: ‘ ‘;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-top: 1px solid rgba(7, 17, 21, 0.1);
}
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5) {
    .border-1:after{
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
    .border-1:after{
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);

    }
}

以上是关于移动端一物理像素边框的设置的主要内容，如果未能解决你的问题，请参考以下文章