【发布时间】:2012-04-26 21:44:49
【问题描述】:
我用 CSS 构建了一个进度条,它看起来不错,更好,但在 WebKit 中可以很好地扩展:
我想知道是否有人知道在 Firefox 中做同样事情的方法:
- 缩放高度、阴影/阴影位置
- 保持宽度不变
-moz-transform: scale( .4 ) 不符合我的要求,因为它缩小了宽度并保持容器大小相同。
【问题讨论】:
我用 CSS 构建了一个进度条,它看起来不错,更好,但在 WebKit 中可以很好地扩展:
我想知道是否有人知道在 Firefox 中做同样事情的方法:
-moz-transform: scale( .4 ) 不符合我的要求,因为它缩小了宽度并保持容器大小相同。
【问题讨论】:
不完全是答案,但比评论长!
据我所知,在 Firefox 中没有 zoom 或直接等效项。
也许还有另一种缩放标准的方法?我假设您想在两个地方使用相同的代码(大小是唯一的区别)。
在您关闭 -moz-transform:scale 之前,请记住它接受两个值。所以你可以做scale(1, .4) 这将保持水平比例相同但缩小垂直。在您的示例中,这可能会导致圆角出现问题,但您也许可以使其工作。
希望对你有所帮助
【讨论】: