css中常见的单位
1. px
表示像素,是绝对单位,不会因为其他元素的尺寸变化而变化,页面按照精确像素展示。div { font-size:10px; }
2. pt
即磅 Points,是一种绝对单位,是物理长度单位,等于 1/72 寸。它的取值范围和 px 类似。div { font-size:10pt; }
3. em
兼容性和pt一样。em特点:
(1)em的值并不是固定的
(2)em会继承父级元素的字体大小
表示相对于父元素的字体大小,em是相对单位,没有一个固定的度量值,而是由其他的元素来决定的相对值。div { font-size:10em; }
4. rem
相对单位,相对根节点html的字体大小来计算,css3新加属性,chrome/firefox/IE9+支持。
5. vw
表示viewpoint width,视窗宽度。
6. vh
表示viewpoint height 视窗高度。
7. vmin
表示vm和vh中较小的那个。
8. vmax
表示vw和vh中较大的那个。
9. in
表示英寸。
10.ch
数字0的宽度, 1ch 就是数字 0 的宽度。
网友评论