CSS像素可以分数吗?

问题描述:

CSS px可以分数吗?标准允许吗?如果是这样,主要浏览器是否支持它?CSS像素可以分数吗?

让我们回过头来看文件,人们的答案。

+0

@MetalFrog这个问题来自工作讨论:-) – 2012-01-31 14:00:40

+3

具有讽刺意味的是,我最近不得不使用一个小数像素来得到一个jQuery UI可排序的网格来正确布局。当占位符的边距与周围物品的边距相同或比像素小一个像素时,网格在拖动时会在整个位置移动。唯一的解决方法(以及一个跨浏览器的解决方案!)是将占位符的边距减少0.5px。然后,一切正常。无论规范与否都是迂腐的,你必须在一天结束时做你必须做的事情。 – 2012-01-31 19:55:30

+0

是否有关于如何通过浏览器呈现小于1px的行的规则?我有很多页面(Word文档转换为HTML),其中表格边框的宽度对应于像素的一小部分。这些在IE和firefox中显示为1px,但边框在铬内部不可见 – Andy 2013-12-09 13:47:37

是的,你可以指定小数像素。由于这是自第一版以来CSS的一部分,所以任何支持CSS的浏览器都应该支持它。

参考:CSS 2.1: 4.3.2 Lengths

“的长度值(由<长度>在本 规范表示)的格式是一个<数>(带有或不带有小数点)紧跟一个单元 标识符(例如,px,em等)。“

当元素显示在屏幕上时,当使用100%缩放级别时,大多数浏览器自然会将位置四舍五入到最接近的像素。在较高的缩放级别上,您会注意到可以识别小数像素值。

+0

你有一些支持答案的文档吗? – 2012-01-31 13:58:22

+1

@ KeesC.Bakker:我刚刚补充说。 :) – Guffa 2012-01-31 14:04:54

+2

问题是,不同的浏览器轮次不同:http://*.com/a/5587820/405015 – thirtydot 2012-01-31 14:06:59