CSS rem是什么單位呢?rem全稱為“root em”,意即根em,它是CSS3新增加的一種相對單位。
在CSS單位中,我們通常使用px(像素)或者em(相對于父元素的字體大小)來作為長度的單位。但是,使用像素單位的時候有可能會存在一個問題就是頁面的縮放問題,因為像素是一個固定的值,無法隨著頁面的縮放而自適應,這時候我們通常可以使用rem作為替代。
/* 定義html元素的字體大小為16像素 */ html { font-size: 16px; } /* 以rem作為單位時,1rem即為html元素的字體大小 */ p { font-size: 1.5rem; /* 相當于24像素 */ }
通過上述代碼,我們可以看到,我們定義了html元素的字體大小為16像素,那么1rem就等于16像素,接著我們在p標簽中以1.5rem作為字體的大小,即相當于24像素,因為1.5rem*16像素=24像素。
使用rem單位不光可以解決縮放的問題,也讓我們可以更好的適應不同設備的屏幕尺寸,提高頁面的響應速度。
上一篇css rgb 16進制
下一篇css3卡片布局