css中em怎么读

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,em是一个非常重要的单位。通常来说,em被用来表示一个元素的字体大小,具体来说,它是相对于该元素父级元素字体大小的倍数。如果你不熟悉em的用法,那么读它的方法可能会让你感到困惑。em {

在CSS中,em是一个非常重要的单位。通常来说,em被用来表示一个元素的字体大小,具体来说,它是相对于该元素父级元素字体大小的倍数。如果你不熟悉em的用法,那么读它的方法可能会让你感到困惑。

em {
  font-size: 1.5em;
} 

em看起来很简单,但是它的条件实现并不容易。像像“M”这样的字母比较宽,就可能使你的布局产生了偏差。实际上,em的字面意义就是“M”的宽度(em是型字距单元),也就是一个特定的宽度,根据不同的字体和字号会有所不同。

那么,怎么正确地读“em”呢?事实上,这个问题非常简单:它的发音与单词“M”相同。这个单位名称的来源于印刷术语“字母宽度”(也就是“M”的宽度),它指的是一个字符宽度的测量方式。

尽管有一些“黑科技”是基于其它的计算方式,但是em一般用来指代文本元素的字体大小,这个字体大小通常是相对于其父元素的字体大小而言的。如果你在使用CSS时不熟悉em,那么建议仔细研究一下它的使用,它很常见,并在许多布局中被大量使用。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中em怎么读

粉丝

0

关注

0

收藏

0

已有0次打赏