模拟浏览器页面缩放/文本缩放的jQuery插件？

我正在寻找一个jquery插件来实现文本缩放/页面缩放效果（如FF 3 ctrl++/ctrl-），它可以

使用不同的字体大小设置调整文本大小（即文本缩放/页面缩放）

使用复杂的HTML+CSS结构

---

这里有什么建议吗？

如果您正在寻找文本缩放，最简单的方法是以绝对单位指定

正文

的基本字体大小，例如

正文{font size:13pt；}

，然后让其他所有内容使用相对单位，例如

.postTitle{font size:120%；}

然后，如果您有+/-缩放链接或其他内容：

$('#enlargeText').click(function () { $(document.body).css('font-size', $(document.body).css('font-size') * 1.5); }

---

但是，您仍然需要使用CSS背景图像，这些图像尚未调整大小。好吧，这只能通过使用不受广泛支持的CSS 3，或者通过调整服务器上所有这些图像的大小版本来实现。然后，您可以简单地激活一个引用那些较大/较小图像的新样式表。

您可以这样做。不过，它需要为后续页面连接到cookie

var currZoom = $("body").css("zoom");
if(currZoom == 'normal') currZoom=1; // For IE

$(".zoomIn").click(function(){
    currZoom*=1.2;
    $("body").css("zoom",currZoom);
});
$(".zoomOff").click(function(){
    jQuery("body").css("zoom",1);
});
$(".zoomOut").click(function(){
    currZoom*=.8;
    $("body").css("zoom",currZoom);
}); 

HTML

A
A.
A.

将

内容宽度设置为所需的最小可见宽度

jQuery(document).ready(function(){
    jQuery(window).bind('resize load', function(){
        contentWidth = 1010;
        jQuery('body').css('zoom', jQuery(window).width() / contentWidth);
    });
});

使用Chrome进行测试。
可能是“模拟”而不是“刺激”：）zooMooz在这方面做得很好，但只适用于现代浏览器。看这个。这是我最后的解决方案。。。（太多的行和复杂的继承）事实上，我正在使用jquery插件作为解决方案，但它可能不是一个好的解决方案，因为它使用*选择器…你可以在这里看一下：但我认为你的帖子会提醒所有css作者，当他们想要调整文本大小时，要特别注意。非常感谢。语法错误，应该是：$.each（'img'，function（）{this.width*=1.5；}@瑞克：jQuery中有两个
函数，每个
函数。我使用的一个函数为jQuery集中的每个元素调用指定的函数，即为每个
img
。第二个函数似乎是指为数组或对象属性的每个元素调用函数。然而，
'img'
是一个固定字符串，而不是字符串图片集合。请解释您的否决票，以及我的示例如何做了错误的事情，而您的示例如何做了错误的事情。（请注意，我确实缺少了一个结尾“）”，现在已添加。）图例。你是个救生员。
<span class="zoomIn" style="font-size:120%">A</span>
<span class="zoomOff">A</span>
<span class="zoomOut" style="font-size:80%">A</span>

jQuery(document).ready(function(){
    jQuery(window).bind('resize load', function(){
        contentWidth = 1010;
        jQuery('body').css('zoom', jQuery(window).width() / contentWidth);
    });
});