Как динамически увеличивать все приложение ASP. Net MVC при доступе пользователя к странице - PullRequest
3 голосов
/ 23 января 2020

Я работаю над очень зрелым веб-приложением, разработанным в ASP. Net MVC ... и этим приложением пользуются пожилые люди (старше 60 лет), поэтому они постоянно жалуются, что размер маленький, и они не могут видеть очень хорошо.

Так что я попытался начать увеличивать размер шрифта для кнопки, текста и т. д. ... но веб-приложение очень развито и имеет тысячи видов и элементов, других Элемент зависит от bootstrap и необходимо изменить bootstrap для того, чтобы изменить размер шрифта.

Поэтому у меня возникла идея, когда пользователь заходит на веб-сайт, веб-приложение должно быть увеличено до 150 % автоматически. Я протестировал его в google chrome (ручное) масштабирование и отправил скриншот этого клиенту, все они согласны с этим размером.

Так что, пожалуйста, как мне автоматически увеличить до 150% во всех браузерах, когда загрузка страницы?

Ответы [ 2 ]

1 голос
/ 23 января 2020

Используйте стиль zoom на теле вашего css и -moz-transform для firefox

body {
    zoom:150%;
    -moz-transform: scale(1.2);
    -moz-transform-origin: left top;
}
0 голосов
/ 23 января 2020

Выглядит как дубликат этого вопроса: Как увеличить уровень масштабирования браузера при загрузке страницы?

В CSS есть правило zoom:

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

И, как упоминалось в одном из ответов (Винод), это также выполнимо с помощью Javascript:

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