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

Question

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

这是我的 web link最近我得到了增加其宽度的任务，就像如果我们按 Ctrl + Firefox 并且浏览器缩放级别增加一样，有没有办法在页面加载时在所有浏览器中自动执行此操作。

Answer 1

我个人认为这是个坏主意；要么设计您的网站，使其易于扩展(使用适当的 CSS/HTML 技术并不难)。通常，您不应该为人们做出用户体验决策。

但这是可能的。

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

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

请注意，此答案的先前版本使用 transform 来支持更多浏览器。但是，这个缩短的代码似乎适用于当前版本的 Chrome、FF、Safari 和 IE(以及以前的 IE 版本，它们长期以来一直支持 zoom)。