2016-08-30 44 views
1

我们正在建立一个角材料应用程序和我们的设计师要我们改变所有的CSS样式使用em测量单位,因为他担心在px测量很少会需要不同的媒体查询断点多个样式。目前,它看起来是Angular Material uses pixels的排版。考虑到他们可能会花费更多的时间和精力使其在尽可能多的平台和设备上显示正确,我不愿意重写他们的风格。为什么以像素为单位测量角度材质字体?

我也read this它谈论材料设计中的“可缩放像素”,但我不明白如何在CSS中定义可缩放像素,因为sp似乎不是有效的度量单位。另外,我打开angular-material.css文件,并且字体的旁边还有px。希望有人能帮助我理解这是为什么。

回答

2

EM不是一个响应格式它也像素有关,它只是进行定向本身上的字体大小,用户可以在自己的浏览器设置编辑。

现在用CSS的唯一方法是使用大众和VH使文本响应的屏幕尺寸。 https://css-tricks.com/viewport-sized-typography/

+0

这是非常有帮助,谢谢你,但我是设计师的恐惧保证?角材料团队选择使用'px'会导致我们出现问题吗? – adam0101

+1

没有,你只需要包含这个元标记(http://www.w3schools.com/css/css_rwd_viewport.asp)和PX值将被调整到设备分辨率乘数(该计算是自动处理,你没有做任何事情) –

相关问题