css单位

 

这篇文章主要是围绕下图进行讨论，下图为我看过的文档相对统计更全、更易区别的。此图为截图，原网址：http://www.w3chtml.com/css3/units/  。

    首先说一下大家经常见到的一些单位：

in ：  英寸

cm: 厘米

mm: 毫米

em: 1em相当于当前的字体尺寸，这个当前是基于父元素的字体大小。

ex: 一个ex是一个字体的x-height，通常是字体尺寸的一般

pt ： 磅（1pt等于1/72英寸）

pc：12点活字，1pc等于12点

px： 像素

 

接下来这一部分是见得相对少一点的。

rem：font size of the root element .是根据根节点的字体大小进行转变的单位。

如iphone5屏宽320px,默认font-size: 16px.，那么1rem就是16px。移动端的适配就是根据当前 屏幕大小对rem设置不同的字体大小。

ch: 数字‘0‘的宽度。

vw: 大小相对于viewport视口的宽度。视口被均分为100单位的vw。

vh:  大小相对于viewport视口的高度。视口被均分为100单位的vh。

vm: 嫌弃过对于视图的宽度或高度较小的那个。其中最小的被均分为100单位的vm.

 

度  degress 

   90deg = 100grad = 0.25turn = 1.57079632674897 rad

 

layout-specific 布局

fr

剩余空间分配数

• fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。

 

gr

网格数