css 字体单位


1 em 相对于当前对象内文本的字体大小 如果body 的大小是12px 那么1em 就是12px 如果你用em 一层一层级联的定义字体的大小,会照成每个div都从它的上一级父元素继承字体大小,并且逐渐增加
2 rem root-em 不会因为嵌套而继承父类的字体大小 ,它始终以html根目录的字体为基准
3 vw css的宽度是相对于包含它的最近的父元素的宽度,如果你想用视口宽度或者高度,而不是父元素的需要用 vw
4 vh 1vh 等于 1/100的视口高度 例如 浏览器高900 1vh = 900px/100 = 9px
5 vmin和vmax是关于视口高度和宽度两者的最小值或者最大值。如果 浏览器的宽度设置为1100px 高度设置为700px 1vmin = 1px 1vmax = 11px 如果宽度设置为800px 高度设置为1080px 1vmin = 8px 1vmax = 10.8px
如果让元素始终在屏幕上可见 只要对高度和宽度使用vmin单位,并赋予低于100的值就可以
如果让元素始终铺满视口 只要对高度和宽度使用vmax单位,并赋予等于100就可以
6 ex 和 ch 这两个方法是基于字体的宽度度量单位 ch单位通常被定义数字0的宽度 50 ch大约可以包含50个字母。

posted @ 2016-07-04 16:49  一渡  阅读(200)  评论(0)    收藏  举报