Firefox WebKit';css缩放属性?

Firefox WebKit';css缩放属性?,firefox,css,webkit,Firefox,Css,Webkit,我在CSS中构建了一个进度条,它看起来不错,更好,但在WebKit中可以很好地扩展: 我想知道是否有人知道在Firefox中做同样事情的方法: 缩放高度、阴影/着色位置 保持宽度不变 -moz-transform:scale(.4)无法实现我想要的功能,因为它可以缩小宽度,并保持容器大小不变。这不完全是一个答案,但比注释长 据我所知,Firefox中没有缩放功能或直接等效功能。 也许还有另一种方法可以扩展这个范围?我假设您希望在两个地方使用相同的代码(大小是唯一的区别) 在关闭-moz t

我在CSS中构建了一个进度条,它看起来不错,更好,但在WebKit中可以很好地扩展:

我想知道是否有人知道在Firefox中做同样事情的方法:

  • 缩放高度、阴影/着色位置
  • 保持宽度不变
-moz-transform:scale(.4)
无法实现我想要的功能,因为它可以缩小宽度,并保持容器大小不变。

这不完全是一个答案,但比注释长

据我所知,Firefox中没有缩放功能或直接等效功能。 也许还有另一种方法可以扩展这个范围?我假设您希望在两个地方使用相同的代码(大小是唯一的区别)

在关闭
-moz transform:scale
之前,请记住它接受两个值。因此,您可以执行缩放(1.4),这将保持水平缩放不变,但会收缩垂直缩放。在您的示例中,这可能会导致圆角问题,但您可能能够使其正常工作

希望能有点帮助