Css 为什么角材质字体以像素为单位?
我们正在构建一个Angular Material应用程序,我们的设计师希望我们将所有css样式更改为使用在Css 为什么角材质字体以像素为单位?,css,angularjs,material-design,angular-material,Css,Angularjs,Material Design,Angular Material,我们正在构建一个Angular Material应用程序,我们的设计师希望我们将所有css样式更改为使用在em中测量的单位,因为他担心在px中测量的任何内容都将需要多个样式以用于不同的媒体查询断点。目前看来,他们的排版。考虑到他们可能已经投入了更多的时间和精力使其在尽可能多的平台和设备上看起来更合适,我不愿意改变他们的风格 我还谈到了材质设计中的“可缩放像素”,但我不明白如何在CSS中定义可缩放像素,因为sp似乎不是有效的度量单位。另外,我打开了angular material.css文件,确实
em
中测量的单位,因为他担心在px
中测量的任何内容都将需要多个样式以用于不同的媒体查询断点。目前看来,他们的排版。考虑到他们可能已经投入了更多的时间和精力使其在尽可能多的平台和设备上看起来更合适,我不愿意改变他们的风格
我还谈到了材质设计中的“可缩放像素”,但我不明白如何在CSS中定义可缩放像素,因为
sp
似乎不是有效的度量单位。另外,我打开了angular material.css
文件,确实字体旁边有px
。希望有人能帮助我理解为什么会这样。em不是一种响应性格式,它也是与像素相关的,它只是根据用户可以在浏览器设置中编辑的字体大小来确定自己的方向
目前css的唯一方法是使用vw和vh使文本响应屏幕大小。
这很有帮助,谢谢,但是我的设计师的担心是有道理的吗?Angular Material团队选择使用
px
是否会给我们带来问题?不,您只需包含此元标记(),px值将缩放到设备分辨率乘法器(此计算自动处理,您无需执行任何操作)