【问题标题】:Is it wise to use fractional / decimal pixels for borders in css?在css中使用小数/小数像素作为边框是否明智?
【发布时间】:2015-12-30 08:44:01
【问题描述】:

我的设计中有各种需要

的实例
border-right: 1.5px solid black;
border-bottom: 1.5px solid black;

等等……

我也有需要更细线条的设计:1px

但是,浏览器似乎可能会四舍五入,因为我没有看到两者之间有太大的区别(如果有的话)。

我应该只使用2px1px,还是有更好的方法来解决这个问题?

我正在帮助的一位设计师对1.5px 的线宽非常坚定。

任何帮助,非常感谢。

【问题讨论】:

  • 我不确定您的设计师是如何将 1.5 像素可视化的。我的意思是,当然该值被四舍五入到整个像素。除非你有像手机或打印机这样的高分辨率设备。但是除了那些边缘情况......哦,等等。
  • 它总是会被四舍五入到整数个像素...
  • @MrLister,讽刺?你是说它应该起作用,因为那些不是“边缘情况”?
  • 说真的,如果这是为了打印某些东西,像 pt 这样的 CSS 单元可能会更好。
  • 不用于打印。仅用于在浏览器中显示。

标签: css border pixel


【解决方案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 像素并不总是等于一个物理屏幕像素:A pixel is not a pixel is not a pixel

【讨论】:

  • 我可以使用其他值吗? Pt , em 等?使用 css 变换/缩放?
  • @someoneHere 是的,您可以使用带百分比、pt、em 的十进制值。但有时它对于不同的浏览器可能会不一致。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-02-21
  • 2011-09-15
  • 1970-01-01
  • 1970-01-01
  • 2013-08-04
  • 1970-01-01
相关资源
最近更新 更多