CSS3中的rem屬性是相對于根元素字體大小的單位。該屬性可以用于設置元素的尺寸、邊框和字體大小。
/* 設置根元素字體大小為16像素 */ html{ font-size:16px; } /* 設置元素字體大小為2rem,相當于32像素 */ p{ font-size: 2rem; } /* 設置邊框寬度為1rem,相當于16像素 */ div{ border: 1rem solid black; }
使用rem單位可以實現響應式設計,例如可以通過媒體查詢在不同設備上設置不同的根元素字體大小,從而調整元素的尺寸和字體大小。
/* 在窗口寬度小于768像素時,將根元素字體大小設置為14像素 */ @media (max-width: 767px){ html{ font-size:14px; } }