为什么同样是1px高度的线，显示出来粗细不一？？

Question

Answer 1

如果是一个页面上的两条线，按说不应该，看下compute出来的数值是否一致，四条border是否一致先

Answer 2

那你试试 2px和6px的是不是一样粗。

pc其实还好，移动端比较爱出这样的问题，canvas也会出现。

基本原理就是实际和渲染的尺寸不一样，然后经过内部的处理之后，有可能会多一个像素（或者理解为半像素、半透明像素）

Answer 3

这个其实是线宽度不一致，你期望画一个1px的线，但一个是用1px宽度的刷子去画，一个是用2px宽度的刷子去画，当然最好画出来的实际一个是1px宽，另外一个是2px宽。
这就是造成这样的实际原因。