怎么实现移动端的边框0.5px？

怎么实现移动端的边框0.5px？

一种是通过transform中的scale

    border: 1px solid red;    transform: scaleY(.5);

一种是通过meta viewport中设置init-scale为0.5

<meta name="viewport" content="width=device-width, initial-scale=0.5">

一种是设置hr

    border: 0px;    border-bottom: 1px solid red;

一种是基于背景渐变实现

    height: 2px;    background-image: linear-gradient(0deg, red 50%, transparent 50%)