在CSS中，使用分数/小数像素作为边框是否明智？

Question

我在设计中有各种需要调用的实例。

border-right: 1.5px solid black;
border-bottom: 1.5px solid black;

我还有一个设计需要更细的线条：1px。

然而，由于浏览器可能会四舍五入小数，所以我看不到两者之间（如果有的话）的很大差异。

我是否应该改用2px和1px，或者有更好的方法可以解决这个问题？

我帮助的一位设计师非常坚持使用1.5px线宽。

非常感谢任何帮助。

- someoneHere

---

我不确定您的设计师如何看待1.5px。我的意思是，“当然”，该值将舍入为整个像素。除非您拥有像手机或打印机这样的高分辨率设备。但那些边缘情况除外...哦，等等。 - Mr Lister

它总是会四舍五入成整数像素。 - Fahad Khan

@MrLister，讽刺吗？你是说它应该工作，因为那些不是“边缘情况”吗？ - someoneHere

现在说真的，如果这是为了打印而设计的，那么像 pt 这样的 CSS 单位可能更好。 - Mr Lister

仅用于浏览器中的显示，不适合打印。 - someoneHere

Answer 1

您可以使用它，但大多数浏览器会四舍五入像素值。

http://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#values

http://ejohn.org/blog/sub-pixel-problems-in-css

http://cruft.io/posts/percentage-calculations-in-ie/

编辑：请记住，一个CSS像素并不总是等于一个物理屏幕像素：一个像素不等于一个像素不等于一个像素

- zucker

---

有没有其他值可以使用？像是Pt、em等？可以使用CSS transform / scale吗？ - someoneHere

@someoneHere 是的，你可以使用百分比、点数和字号的小数值。但是有时候在不同的浏览器中可能会表现不一致。 - zucker