欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css rem是什么單位

黃文隆2年前12瀏覽0評論

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單位不光可以解決縮放的問題,也讓我們可以更好的適應不同設備的屏幕尺寸,提高頁面的響應速度。