前端Web开发人员的CSS相对字体大小

北京皮肤病的最好医院 http://pf.39.net/bdfyy/tslf/180306/6084106.html

在本文中,我们将看几种不同的方式,前端Web开发人员可以使用CSS操作其网页的字体。

网页设计中最大的混乱之一是由font-size属性造成的。

在CSS中,可以使用多个单元,这只会导致设计人员额外头痛。在本文中,我们将阐明这些单位的用法和任何误解。

PXUnit

最常见和最受欢迎的单位是像素(像素)单位。大多数人开始使用像素单元,因为它可以让您完全控制文字大小。如果未指定字体大小,则正常文本的默认大小(如段落)为16px。

使用像素单元的主要问题在于它们不具有可伸缩性,因此在不同屏幕尺寸下对字体大小进行更改可能具有挑战性。

另外,PX单元与任何事物都没有关系。因此,如果您想要根据屏幕大小更改整个页面的大小,则必须单独更改每个元素的字体大小。

EM单元

该em单位是一个可扩展的字号单位。它与父容器的字体大小有关。一个em(1em)等于当前字体大小。例如,如果父元素的字体大小为16px,则1em等于16px,2em等于32px,依此类推。

如果使用em单位而不是px,使设计响应变得更容易。

但是,有一件事需要


转载请注明:http://www.aierlanlan.com/tzrz/2527.html