javascript - 用户访问页面时如何动态缩放整个 ASP.Net MVC 应用程序

我正在开发一个用 ASP.Net MVC 开发的非常成熟的 Web 应用程序......而且该应用程序被老年人（60 岁以上）使用，所以他们经常抱怨尺寸小，看不清楚。

所以我尝试开始增加按钮、文本等的字体大小......但是网络应用程序非常成熟，有数千个视图和项目，其他项目取决于引导程序，需要深入引导程序才能改变字体大小。

所以我想出了一个想法，当用户访问网站时，网络应用程序应该自动缩放到 150%。我在谷歌浏览器（手动）缩放中对其进行了测试，并将截图发送给客户，他们都同意这个尺寸。

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

标签： javascriptjqueryasp.netasp.net-mvcasp.net-mvc-4

使用zoomCSS 主体上的样式，以及-moz-transformFirefox的样式

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