画一条 0.5px 的线
-
采用 meta viewport 的方式
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5"/>
这样就就能缩放到原来的0.5倍,1px就会变成0.5px;
注意:viewport只针对移动端,在移动端上才能看到效果; -
采用
transform: scale()
的方式transform: scale(0.5, 0.5)