CSS相对缩放?

时间:2012-02-12 18:30:34

标签: css zoom

我正在使用php styleswitcher和备用样式表来尝试复制浏览器缩放功能(键盘cmd-plus或ctrl-plus)。

现在,“放大”图形链接到具有以下css的备用样式表:

body {
zoom: 1.2; -moz-transform: scale(1.2); -moz-transform-origin: 0 0}
} 

这很好用,但理想情况下我想让链接触发相对缩放而不是绝对缩放值 - 所以我需要建立一个确定用户当前缩放的变量级别,然后将该缩放增加120%。这样,可以多次单击相同的链接以逐步增加缩放。

知道怎么做吗?

1 个答案:

答案 0 :(得分:0)

我认为这需要JavaScript 如果我没记错,你可以用JS改变/创建CSS样式。因此,如果您在JS中保存变量并且每次触发链接的onClick时将其乘以1.2,它应该会产生相同的效果。

编辑:我不知道是否可能,但如果你可以在LESS中加倍变量,你可以使用'语言'。因为它是CSS&的组合。 JS