Angular Material元素/字体对于桌面使用来说太大了

时间:2018-05-16 19:46:57

标签: angular-material

我有一个使用Angular材料的网站。我喜欢元素,除了默认字体大小和元素之外的一切都很大。要以可接受的规模查看网站,我或我的用户必须在桌面上缩小至少75%,并且我的大多数用户都是桌面用户。有没有办法在角度材质中指定使用较小的字体,元素等?

2 个答案:

答案 0 :(得分:0)

在您的主要CSS文件中

添加以下内容

for

我建议使用html { font-size: 62.5% // adjust the size with percentage here. } em来调整字体大小

让我知道它是否无效,我可能会提供另一种解决方案

答案 1 :(得分:-1)

在尝试任何操作之前,请按照typography guide确保使用正确的字体和字体大小。

字体大小可以通过customizing the typography进行调整。在技​​术上可以改变元素的大小,但是要做到这一点,你需要覆盖每个Angular Material组件的样式 - 所以这是非常不切实际的。

此外,组件大小和字体大小由Material Design规范决定,因此更改事物意味着您不再正确遵循规范,IMO最终会看起来很糟糕(至少看起来很糟糕)在以下材料设计方面)。