缩放 CSS 属性在 Firefox 上不起作用答案

【问题标题】：zoom css property is not working on firefox缩放 CSS 属性在 Firefox 上不起作用
【发布时间】：2013-10-27 06:27:26
【问题描述】：

我搜索了这个并找到了很多解决方案（使用 css3 过渡）。

实际上，我的所有按钮都使用{zoom:1.5}。但它不适用于Firefox。当我使用过渡属性时：

-moz-transform: scale(1.5); /* Firefox */
-moz-transform-origin: 0 0;

我所有的按钮都是重叠的。查看确定和取消按钮。

还有其他选择吗？有什么帮助吗？？

【问题讨论】：

标签： html css

【解决方案1】：

缩放 50% 并保持顶部居中：

transform: scale(0.5);
transform-origin: 50% 0;

这确实适用于 Safari/Firefox/Chrome（我没有用 IE 测试）

【讨论】：

【解决方案2】：

你可以使用：-

-moz-transform: scale(0.8);

在 Firefox 中作为替代..

【讨论】：

【解决方案3】：

这是为我完成的现有答案的组合：

-moz-transform: scale(...);
-moz-transform-origin: 0 0;

50% 0 作为 ricardo 的回答表明后一种选择有一个左边距。

【讨论】：

【解决方案4】：

其他人发布的内容不可行，因为图片仍将占用相同数量的空间。授予图像大小不需要以编程方式调整大小，您可以使用 Gimp 缩放图像，并删除缩放。

图片 |缩放图像

文件 |导出为...

【讨论】：

【解决方案5】：

放置变换：比例（0.5）；而不是缩放：0.5px，这将起作用。可能您必须相应地更改边距

【讨论】：