触发浏览器放大和缩小功能

时间:2010-12-27 16:05:05

标签: javascript

是否可以通过JavaScript触发浏览器的放大和缩小功能?

我想在我的网站中添加放大(+)和缩小( - )按钮,然后点击按钮想要调用浏览器的放大(可以通过按ctrl和+调用)/缩小(ctrl和 - )功能。

3 个答案:

答案 0 :(得分:10)

我不相信有一种基于标准的方法来做到这一点。某些浏览器可能会提供自己的API,但我很怀疑。

据说我过去通过一些CSS技巧完成了这个效果。基本上在CSS中定义em中的每个度量(宽度,高度,边距,填充,字体大小等)而不是px。这实际上使一切的大小取决于文档的默认字体大小。然后进行缩放,您可以更改正文标记的字体大小,使其更小或更大。如果您仔细执行此操作,效果将与用户使用浏览器缩放时的效果相同。

为了让生活更轻松,我喜欢使用CSS重置样式表,将1em设置为10px。这样,如果你想要一个宽度为200px的div,你只需将它设置为20em。您可以通过在CSS重置样式表中将body font-size设置为62.5%来完成此操作。由于大多数浏览器的默认字体大小为16px,因此1em = 16px,10px为62.5%。

我希望这会有所帮助,正确地完成这项工作需要做很多工作,但在使用HTML和CSS时,使用em而不是px帮助了我。

答案 1 :(得分:7)

认为这已经回答了

window.parent.document.body.style.zoom = 1.5;

"Zoom" a browser window/view with JavaScript?

答案 2 :(得分:0)

我不相信你可以。在IE上你可以使用zoom CSS属性来模拟它,但这是非标准的,因此IE之外的支持会有所不同。