在Angular Material上增加默认字体和字段等大小？

Question

建立一个主要面向老年人的网站。如果我放大到300％它就是正确的。如果没有明确引用每个相关的HTML标记，我该如何设置此默认值？

例如：有混合物吗？

或者我可以为平板电脑上的人公开按钮，以使用浏览器原生功能增加缩放效果？

Answer 1

关于什么

body{
 zoom: 300%;
}

Firefox不支持缩放，因此您可以使用“专有”-moz-transform property in Firefox 3.5。

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

这可以通过按钮点击或类似的东西使用打字稿来应用/删除。

Answer 2

检查角度材料的例子，他们似乎只使用relative units（像em）。

如果您的样式也使用这些，您应该能够像这样指定基本字体大小：

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