在移动野生动物园的视网膜显示器上线宽0.5px(1个真实像素)

Question

如何在视网膜显示屏上绘制一条真正像素宽的移动野生动物园线？

我试过了:

border-bottom:0.5px solid #fff;

和

border-bottom:0.05em solid #fff;

在0.01em和0.1em之间具有不同的值.

Mobile Safari总是绘制一条像素宽(视网膜显示屏上为2像素)的线条,或者根本不绘制线条.如何让移动safari绘制一条真实像素(0.5px)宽的线？

Answer 1

使用规模。下面的款式会给你发际线

 .transform-border-hairline {
     border-bottom: 1px #ff0000 solid;
     transform: scaleY(0.5);
 }