[分享]css中em ex是什么

CSS中的em和ex是相对于字体大小的单位。em { fontsize: 1.2em; / 它的父元素的字体大小的 1.2 倍 / } 如上代码所示，1em的大小等于其父元素的字体大小。所以，通过设置...

CSS中的em和ex是相对于字体大小的单位。

em {
  font-size: 1.2em;
  /* 它的父元素的字体大小的 1.2 倍 */
} 

如上代码所示，1em的大小等于其父元素的字体大小。所以，通过设置em的字体大小，可以实现相对大小的调整。em的使用也可以和rem一样，避免嵌套层级过深造成的样式难以控制的问题。

.ex {
  font-size: 0.8ex;
  /* 它的父元素字母"o"的高度的 0.8 倍 */
} 

而ex，则是相对于字母“x”的高度来确定大小的单位，1ex的大小等于其父元素字母“x”的高度。

在实际应用中，em和ex这两个相对大小的单位都会被用来设置字体大小、行高、宽高等。