为什么 Angular Material 字体以像素为单位？
Why are Angular Material fonts measured in pixels?
我们正在构建一个 Angular Material 应用程序，我们的设计师希望我们更改所有 css 样式以使用以 em 衡量的单位，因为他担心任何以 [=12] 衡量的单位=] 将需要针对不同媒体查询断点的多种样式。目前，他们的排版似乎 Angular Material uses pixels。考虑到他们可能投入了更多的时间和精力来使其在尽可能多的平台和设备上看起来正确，我不愿意覆盖他们的样式。
我也 read this 在 Material 设计中讨论 "scaleable pixels"，但我不明白你如何在 CSS 中定义可缩放像素，因为 sp 似乎不是有效的度量单位。另外，我打开了 angular-material.css 文件，确实字体旁边有 px。希望有人能帮我理解这是为什么。
em 不是一种响应格式，它也是像素相关的，它只是根据用户可以在其浏览器设置中编辑的字体大小来定位。
目前 css 的唯一方法是使用 vw 和 vh 使文本响应屏幕大小。
https://css-tricks.com/viewport-sized-typography/
我们正在构建一个 Angular Material 应用程序，我们的设计师希望我们更改所有 css 样式以使用以 em 衡量的单位，因为他担心任何以 [=12] 衡量的单位=] 将需要针对不同媒体查询断点的多种样式。目前，他们的排版似乎 Angular Material uses pixels。考虑到他们可能投入了更多的时间和精力来使其在尽可能多的平台和设备上看起来正确，我不愿意覆盖他们的样式。
我也 read this 在 Material 设计中讨论 "scaleable pixels"，但我不明白你如何在 CSS 中定义可缩放像素，因为 sp 似乎不是有效的度量单位。另外，我打开了 angular-material.css 文件，确实字体旁边有 px。希望有人能帮我理解这是为什么。
em 不是一种响应格式，它也是像素相关的，它只是根据用户可以在其浏览器设置中编辑的字体大小来定位。
目前 css 的唯一方法是使用 vw 和 vh 使文本响应屏幕大小。 https://css-tricks.com/viewport-sized-typography/