画出0.5px的线-css-js-前端面试题

1.直接写在不通浏览器下显示不同

2.使用scale缩放transform：scaleY（0.5）加上transform-origin：50% 100%；

3.线性渐变linear-gradient(0deg,#fff,#000)

4.boxshadow:0 0.5px 0 #000;

5.viewport:<meta name="viewport" content="width=device-width,initial-sacle=0.5">其中width=device-width表示将viewport视窗的宽度调整为设备的宽度，这个宽度通常是指物理上宽度。默认的缩放比例为1时，如iphone 6竖屏的宽度为750px，它的dpr=2，用2px表示1px，这样设置之后viewport的宽度就变成375px。但是我们可以改成0.5，viewport的宽度就是原本的750px，所以1个px还是1px，正常画就行，但这样也意味着UI需要按2倍图的出，整体面面的单位都会放大一倍。