CSS單位是用來設置長度、高度、字體大小等屬性的量度單位,常用的單位有以下幾種:
單位 描述 px 像素,最常用的單位,固定大小,適用于具體像素的場景 em 相對單位,基于父元素字體大小的倍數,適用于字體調整的場景 rem 相對單位,根據根元素(即html元素)的字體大小來計算,適用于整體調整的場景 vh、vw 相對單位,根據視窗的高度和寬度來計算,比如設置100vh時,元素的高度就占滿了整個屏幕 % 相對單位,基于父元素的百分比,適用于自適應的場景 pt 點,等同于1/72英寸,主要用于打印場景
在實際使用中,應該根據具體情況選擇合適的單位。比如,對于固定的像素大小,使用px單位更為合適;對于響應式頁面,使用相對單位em、rem或%可以更好地實現頁面自適應;對于打印場景,使用pt單位可以保證打印效果。
上一篇jquery sleep
下一篇常見的css變形屬性