14

我搜索了这个并找到了许多解决方案(使用 css3 转换)。

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

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

我所有的按钮都是重叠的。查看确定和取消按钮。 在此处输入图像描述

这个还有其他选择吗??有什么帮助吗??

4

5 回答 5

15

要缩放 50% 并保持顶部居中:

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

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

于 2016-12-08T14:16:47.113 回答
8

您可以使用:-

-moz-transform: scale(0.8);

在Firefox中作为替代..

于 2015-01-19T13:43:01.720 回答
0

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

图片 | 缩放图像

缩放图像

文件 | 导出为...

于 2020-05-02T21:14:47.287 回答
0

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

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

50% 0正如里卡多的回答所暗示的那样,后一种选择存在左边距。

于 2017-06-30T20:37:40.123 回答
-1

放置变换:比例(0.5);而不是缩放:0.5px,这将起作用。可能您必须相应地更改边距

于 2019-11-20T06:32:39.397 回答