css容器单位

undefined 2月前 ⋅ 896 阅读

css的单位分为

1、绝对单位   2、相对单位

绝对单位:绝对单位与物理尺寸相关的单位,其值在不同设备下保持固定值。

1、像素(pixel px):
最常用的绝对单位,表示屏幕上的一个点,不会随着屏幕的宽高而改变。
2、英寸(Inch in):
英寸是一个物理单位,表示1in = 2.54cm
3、厘米(cm):
1cm=0.3937in
4、毫米(mm):
1mm=0.03937in
5、点(pt):
1pt=1、72in

相对单位:

相对单位相对于其他尺寸或者环境的单位,根据上下文的变化而变化,可实现响应式布局和适应不同品目尺寸的需求
1、百分比(%)
2、视窗单位
①视窗宽度(vw):
相对于浏览器窗口宽度的百分比
②视窗高度(vh):
相对于浏览器窗口高度的百分比
③视窗最小宽度(vmin):
相对于浏览器窗口宽和高度较小的值
④视窗最大宽度(vmax):
相对于浏览器窗口宽和高度较大值
3、字体相对单位
①em:
相对于元素的字体大小的倍数,例:font-size:1.2em,表示字体大小为父元素字体大小的1.2倍
②rem:
相对于根元素html的字体大小的倍数,例:font-size:1.2rem,表示字体大小为根元素字体大小的1.2倍
③ch:
相对于”0“字符的宽度的倍数,例如:width: 10ch; 表示元素的宽度为"0"字符的宽度的10倍

全部评论: 0

    我有话说: