px, em,rem

Posted ypm_wbg

tags:

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

各自的定义 :

rem: rem字尺寸单位交根据页面上的根元素(一般指html元素)的字体大小而计算 出实际的字体大小。

em : em单位根据元素的父元素的字体大小而计算出实际的字体大小,这个将会当元素从一个父元素移动到另一个父元素中时很可能使元素的实际字体大小产生变化。

px  : px就是字体大小单位,不会变化.

如下写法:

html { font-size: 10px}

ul,li,{ font-size: 1.1rem}

h1{ font-size: 1.8rem}

还有一种字体写法; html { font-size: 65.5%} 这是指html的字体大小为默认字体大小的65.5%;

以上是关于px, em,rem的主要内容,如果未能解决你的问题,请参考以下文章

px em rem 的区别

彻底弄懂css中单位px和em,rem的区别

px,em和rem的区别

rem和em的用法

rem em px 单位换算

彻底弄懂px,em和rem的区别