• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • em

    em 相对长度单位,这个单位表示元素的font-size的计算值。如果用在font-size属性本身,它则表示元素继承的font-size值。

    em指字体高,任意浏览器的默认字体高凡是16px。以是未经调处的阅读器都适宜:1em=16px,以是10px=0.625em。为了简化font-size的换算,须要在CSS中的body抉择器中声明font-size=62.5%,这就使em值变成16px*62.5%=10px,多么12px=1.2em, 10px=1em,也就是说只紧要将你的原本的px数值除以10,日后换上em作为单元就好了。

    em的特性:

    • em的值并非静止的
    • em会秉承父级元素的字体大小,会相关于父元素的字体大小而扭转。

    说明:

    相对长度单位。相对于当前对象内文本的字体尺寸。

    • em是一个相对的单位,是当前元素相对于父元素字体的大小而言的;例如:父元素设置font-size:32px ,子元素设置font-size:1em ,那么子元素的字体大小也是32px
    • 如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
    • 除了元素字体可以设置em,元素的widthheightpaddingbordermargin都是可以设置em

    上篇:<length>

    下篇:ex