＆QUOT;放大＆QUOT;与JavaScript的浏览器窗口/看法？ [英] "Zoom" a browser window/view with JavaScript?

问题描述

我们可以放大和缩小与pressing CTRL滚动。

We can zoom in and out scrolling with pressing ctrl.

不过，我想这使用jQuery或JavaScript做。是否有可能吗？

But I want to do that using jQuery or JavaScript. Is is possible?

推荐答案

既然你已经标记了jQuery中也（虽然在问题的标题只写JS）我想补充一点的答案

Since you have tagged in jquery also (though written only js in the question title) I would add this answer

您可以在下面的CSS添加到网页缩放浏览器窗口

You can add the following css to a webpage to zoom a browser window

body {
   -moz-transform: scale(0.8, 0.8);
   zoom: 0.8;
   zoom: 80%;
}

所以，你的jQuery成为

So your jquery becomes

$(document).ready(function(){
  $('body').css('zoom','80%'); /* Webkit browsers */
  $('body').css('zoom','0.8'); /* Other non-webkit browsers */
  $('body').css('-moz-transform',scale(0.8, 0.8)); /* Moz-browsers */
});

将通过浏览器来避免

有关，因为任何INCOM prehensible CSS属性的任何跨浏览器的别担心。

Dont worry about any cross-browser since any incomprehensible css property would be avoided by the browser.

这篇关于＆QUOT;放大＆QUOT;与JavaScript的浏览器窗口/看法？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！