Увеличить шрифт по умолчанию, размер поля и т. Д. На угловом материале?

Question

Создание сайта в основном для пожилых людей. Если я увеличу до 300%, это будет правильно. Без явной ссылки на каждый соответствующий HTML-тег, как мне сделать это по умолчанию?

Например: есть миксин или что-то еще?

Или кнопку, которую я могу показать людям на планшетах, чтобы увеличить масштаб с помощью встроенных функций браузера?

Answer 1

Изучая примеры из углового материала, они, похоже, используют исключительно относительные единицы (как у них).

Если ваши стили также используют их, вы должны иметь возможность определять базовый размер шрифта следующим образом:

html {
  font-size: calc(3*16px);
}

Вот также связанная идея CSS Tricks: px в Root, rem для компонентов, em для текстовых элементов

Answer 2

А как же

body{
 zoom: 300%;
}

Firefox не поддерживает масштабирование, поэтому вы можете использовать "проприетарное" -moz-transform свойство в Firefox 3.5 .

body { 
    zoom: 300%;
    -moz-transform: scale(3); 
    -moz-transform-origin: 0 0;
} 

Это может быть применено / удалено с помощью машинописи с помощью нажатия кнопки или чего-то подобного.