css3 rem如何使用

rem是一個相對大小的值,它是相對於根元素<html>,不像em是相對於父元素,控制起來很麻煩,px又是絕對像素值,他改變了瀏覽器的字體大小,這時會使用我們的Web頁面佈局被打破

html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/}
這樣使用是不是相當舒適,

發佈了34 篇原創文章 · 獲贊 1 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章