Javascript 如何在用户访问页面时动态缩放整个ASP.NETMVC应用程序

我正在开发一个在ASP.NETMVC中开发的非常成熟的web应用程序。。。而且这个应用程序被60岁以上的老年人使用，所以他们经常抱怨这个应用程序太小，看不清楚

所以我试着开始增加按钮、文本等的字体大小。。。但是web应用非常成熟，有数千个视图和项目，其他项目依赖于引导，需要深入引导以更改字体大小

所以我想出了一个主意，当用户访问网站时，web应用程序应该自动缩放到150%。 我在谷歌chrome（手动）zoom上测试了它，并将截图发送给客户，他们都同意这个尺寸

那么，当页面加载时，我如何在所有浏览器上自动缩放到150%？

使用css主体上的样式，以及firefox的

-moz转换

body {
    zoom:150%;
    -moz-transform: scale(1.2);
    -moz-transform-origin: left top;
}

看起来像是这个问题的重复：

CSS中有一个
zoom
规则：

body {
    zoom: 2;
    -moz-transform: scale(2); // for support in Firefox
}

正如Vinod在其中一个答案中提到的，使用Javascript也是可行的：

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


函数zoom（）{
document.body.style.zoom=“300%”
}
我也建议这是一个快速解决方案，尽管Firefox不支持它@zeropublix好的，我为firefox添加了类似的css。请注意左上角的
，以便正确放大。