在本文中,我们将看几种不同的方式,前端Web开发人员可以使用CSS操作其网页的字体。
网页设计中最大的混乱之一是由font-size属性造成的。
在CSS中,可以使用多个单元,这只会导致设计人员额外头痛。在本文中,我们将阐明这些单位的用法和任何误解。
PXUnit
最常见和最受欢迎的单位是像素(像素)单位。大多数人开始使用像素单元,因为它可以让您完全控制文字大小。如果未指定字体大小,则正常文本的默认大小(如段落)为16px。
使用像素单元的主要问题在于它们不具有可伸缩性,因此在不同屏幕尺寸下对字体大小进行更改可能具有挑战性。
另外,PX单元与任何事物都没有关系。因此,如果您想要根据屏幕大小更改整个页面的大小,则必须单独更改每个元素的字体大小。
EM单元
该em单位是一个可扩展的字号单位。它与父容器的字体大小有关。一个em(1em)等于当前字体大小。例如,如果父元素的字体大小为16px,则1em等于16px,2em等于32px,依此类推。
如果使用em单位而不是px,使设计响应变得更容易。
但是,有一件事需要