前端面经 如何画一条0.5px的线

方法一、meta viewport

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

1px的线通过 meta viewport中，scale的设置，可以缩放变成0.5倍，则得到0.5px的线。

但是viewport仅限于移动端。

方法二、transform:scale()

为1px的线添加上CSS样式，transform:scaleY(0.5)；

#line{
	border-bottom:1px solid black;
	transform:scaleY(0.5);
}