前端面试题:如何画一条0.5px的线

前言

理论上1px已经是最小单位了,那如何画一条0.5px的线呢?
有以下两种方法

解决方法

  1. 采用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只针对于移动端,只在移动端上才能看到效果

  1. 采用transform: scale()的方式
transform: scale(0.5,0.5);

你可能感兴趣的:(面试题,0.5px,面试)