一起来看看css中的单位

由于一直以来对于css中的百分比单位究竟是相对于谁的比例,这个问题不是很了解,所以就专门找资料看了一下。

CSS还支持下列三种长度的相对单位:em(当前字体中字母M的宽度)、ex(当前字体中字母X的高度)、px(一个象素的大小)。

  使用em和ex的目的就是为所给的字体设置合适的宽度,而没有必要知道字体有多大,在显示时,可通过比较当前字体中的M和X来确定。字体越大,所对应的em和ex也就越大。
 

~~em原来指的是当前字体下 字母M的宽度, m竟然是这么来的,长知识了。

~~ex 同理指的是当前字体下 字母X的高度。

~~px 像素,这个没什么好说的了。要知道像素也是个相对长度单位,比如用户显示器的物理分辨率是固定的,但是可以手工设置分辨率为800*600 或 1024*768 两种情况下 1像素的大小是不一样的

百分比总是相对于另一个值来说的。那个值可以是长度单位或是其他的。每一个可以使用百分比值单位指定的属性同时也自定义了这个百分比值的参照值。大多数情况下,这个参照值是此元素本身的字体大小。

~~好像 %单位是以最近的父容器的宽高为参考值的。 line-height 才是以字体的高度为参考值的

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。