使用 JS 强制页面缩放至 100%

我在 Canvas 中创建了一个小游戏，但遇到了问题。某些将默认缩放设置为 100% 以外的用户无法看到整个游戏页面。

我尝试过使用这个CSS：

zoom: 100%;

这个 HTML

<meta name="viewport" content="initial-scale=1.0 , minimum-scale=1.0 , maximum-scale=1.0" />

还有这个JS：

style="zoom: 75%"

有什么想法如何以编程方式设置页面缩放吗？

您可以设置zoom页面加载时的属性

document.body.style.zoom = 1.0

But, zoom is 不是所有浏览器的标准属性 http://caniuse.com/#feat=css-zoom，我建议使用transform反而。

var scale = 'scale(1)';
document.body.style.webkitTransform =  scale;    // Chrome, Opera, Safari
 document.body.style.msTransform =   scale;       // IE 9
 document.body.style.transform = scale;     // General

http://jsfiddle.net/5RzJ8/ http://jsfiddle.net/5RzJ8/