多个浏览器是否支持css中的小数点像素?

时间:2015-12-05 17:52:58

标签: html css html5 css3

我在我的CSS中使用width:331.25px。它正在研究铬和野生动物园,但我还没有在其他人的测试。这是正确的,是否应该使用?

2 个答案:

答案 0 :(得分:0)

在px中测量时,我不能使用小数点作为css值。 但是,使用它不会导致任何错误,因为数字将四舍五入到最接近的整数值。 例如,331.1px将为331px,331.7px将显示为332px。

即使显示的值将被舍入,小数值也将保留在内存中以供后续子计算使用。这可能会对产出造成明显影响。

所以,我认为应该避免。

答案 1 :(得分:-1)

使用小数点像素不正确。像素应该是屏幕上的单个点。因此,大小只能在没有浮点数的情况下完成。 仅当您将增加缩放级别时才会使用小数值,并且该小数值将按比例增加。

示例:http://jsfiddle.net/x2bdrdy6/ 在上面的示例中,您可以看到50.5px是舍入的upp并且等于51px。

#body1{
  height: 50px;
  width:100px;
  background: red;  
}

#body2{
  height: 50px;
  width:100.5px;
  background: green;  
}

#body3{
  height: 50px;
  width:101px;
  background: blue;  
}