zoom css属性不适用于firefox

Question

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

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

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

我的所有按钮都重叠了。见确定和取消按钮。

还有其他选择吗？  任何帮助??

Answer 1

缩放50％并保持最高中心：

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

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

Answer 2

您可以使用： -

-moz-transform: scale(0.8);

在firefox中作为替代..

Answer 3

这是我现有答案的组合：

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

50% 0作为里卡多的答案，建议选择后一个选项，左边距离。

Answer 4

put转换：scale（0.5）;而不是zoom：0.5px，这将工作。 可能是您必须相应地更改边距

Answer 5

其他人发布的内容不可行，因为图像仍将占用相同的空间。如果图片大小不需要通过程序调整大小，则可以使用Gimp缩放图片，并删除缩放。

图片|缩放图像

文件|导出为...