Angular Material元素/字体太大，无法在桌面上使用 [英] Angular Material elements/fonts are too big for desktop use

问题描述

我有一个使用Angular材料的网站.我喜欢元素，除默认字体大小和元素外，其他所有元素都很庞大.要以可接受的规模查看网站，我或我的用户必须在桌面上缩小至少75％，并且我的大多数用户是桌面用户.有没有一种方法可以指定角材料以使用较小的字体，元素等?

I have a website that is using Angular material. I like elements and everything except default font sizes and elements are huge. To see website in acceptable scale me or my users have to zoom out at least 75% on the desktop and majority of my users are desktop users. Is there a way to specify in angular material to use smaller fonts, elements, etc?

推荐答案

在您的主CSS文件中

添加以下内容

html {
    font-size: 62.5% // adjust the size with percentage here.
}

，我建议使用 em 和 rem 调整字体大小

and i recommend using em and rem for font-sizing

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

let me know if it didn't worked, i might provide another solution

这篇关于Angular Material元素/字体太大，无法在桌面上使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！