为什么角度材料字体是以像素为单位的？

Question

我们正在构建一个角度材质应用程序，我们的设计师希望我们将所有的css样式更改为使用em度量的单位，因为他担心以px度量的任何东西都需要为不同的媒体查询断点使用多种样式。目前，似乎Angular Material uses pixels用于他们的排版。我不愿意忽略他们的风格，考虑到他们可能已经投入了更多的时间和精力来让它在尽可能多的平台和设备上看起来正确。

我也谈到了材料设计中的“可缩放像素”，但我不明白如何在read this中定义可缩放像素，因为sp似乎不是一个有效的度量单位。另外，我打开了angular-material.css文件，实际上字体旁边有px。希望有人能帮我理解为什么会这样。

Answer 1

em不是一种响应式格式，它也是与像素相关的，它只是根据用户可以在浏览器设置中编辑的字体大小进行定位。

现在css的唯一方法是使用vw和vh来响应屏幕大小的文本。https://css-tricks.com/viewport-sized-typography/