CSS 都有哪些表示长度的不同单位?

html-css011

CSS 都有哪些表示长度的不同单位?,第1张

首先,长度单位一共有两种,分绝对长度单位和相对长度单位;

绝对长度单位是固定的,用任何一个绝对长度表示的长度都将恰好显示为这个尺寸。

不建议在屏幕上使用绝对长度单位,因为屏幕尺寸变化很大。像cm,px这种就属于绝对长度单位;

而相对长度单位规定相对于另一个长度属性的长度。相对长度单位在不同渲染介质之间缩放表现得更好。像em,ex,%这种就属于相对长度单位。

你没有给出单位,这里提供几个CSS单位给你参考:

%:百分比

in:英寸

cm:厘米

mm:毫米

em:字体尺寸

ex:一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)

pt:磅 (1 pt 等于 1/72 英寸)

pc:12 点活字 (1 pc 等于 12 点)

px:像素 (计算机屏幕上的一个点)

(参考内容来自w3school)