我们正在构建一个Angular Material应用程序，我们的设计师希望我们更改所有css样式以使用em中测量的单位，因为他担心在px中测量的任何内容都需要针对不同媒体的多种样式查询断点。目前，它们的排版似乎是Angular Material uses pixels。考虑到他们可能花费更多的时间和精力使其在尽可能多的平台和设备上看起来正确，我不愿意改写他们的风格。
我也在read this讨论了Material Design中的“可缩放像素”，但我不明白如何在CSS中定义可缩放像素，因为sp似乎不是有效的测量单位。另外，我打开了angular-material.css文件，确实字体旁边有px个字体。希望有人能帮助我理解为什么会这样。
答案 0 :(得分：2)
em不是响应式格式，它也与像素相关，它只是根据用户可以在浏览器设置中编辑的字体大小来定位。
目前使用css的唯一方法是使用vw和vh来响应屏幕大小的文本。 https://css-tricks.com/viewport-sized-typography/