如何在页面加载时提高浏览器缩放级别？

如何在页面加载时增加浏览器缩放级别？

这里是我的网站链接最近我得到的任务，以增加其宽度就像Firefox我们按Ctrl +和浏览器缩放级别增加有没有办法在所有浏览器页面加载自动做到这一点。

我个人认为这是一个坏主意，要么devise你的网站，所以它很容易扩展（不适合使用适当的CSS / HTML技术），或者只是让用户做他们想做的事情（也许他们已经有他们的浏览器缩放或他们使用低分辨率）。通常你不应该为人们做出UX的决定。

但是这是可能的。

演示： http : //jsfiddle.net/q6kebgbh/4/

 .zoom { zoom: 2; -moz-transform: scale(2); -moz-transform-origin: 0 0; }

请注意，此答案的以前版本使用transform来支持更多的浏览器。但是，这个缩短的代码似乎适用于当前版本的Chrome，FF，Safari和IE（以及支持zoom很长一段时间的以前版本的IE）。

尝试这个：

 <script type="text/javascript"> function zoom() { document.body.style.zoom = "300%" } </script> <body onload="zoom()"> <h6>content</h6> </body>

您可以尝试CSS zoom规则。我从来没有真正尝试过，但从理论上讲，设置一个如下所示的css规则可能会做你想要的：

 body { zoom: 2; }

注意：这实际上并没有修改浏览器缩放级别。它只是使页面上的一切更大:)