css中的单位

Posted hawthorn

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css中的单位相关的知识,希望对你有一定的参考价值。

    一、相对长度单位:

   相对长度是根据与其他事物的关系来度量的。共有3种相对长度单位:em,ex,px。

   1个“em”定义为一种给定字体的font-size的值,例如,一个元素的font-size为14像素,那对于该元素,1em就等于14像素。

   ex是指所用字体中小写x的高度。如果两个段落文本大小都是24点,但使用了不同字体,那他们的ex值也不同。在实际问题中,取em的值,再取其一半为ex的值。

   px为像素,对于元素的边框和定位,可能更适合像素为单位。如果边距使用em为单位,可能会导致设计随文本大小的变化而扩大或收缩。

以上是关于css中的单位的主要内容,如果未能解决你的问题,请参考以下文章

为啥 CSS 中的绝对单位在不同的屏幕中没有真正显示为绝对单位?

css中的单位

CSS长度单位中的负长度值

CSS/CSS3长度时间频率角度单位大全

你不知道的CSS单位

有没有办法从 CSS 中的 calc 函数中删除单位