[連結] 認識網頁文字單位－px、%、em、rem
發表於 : 2023-12-19, 21:14
https://www.webdesigns.com.tw/css-emrem.asp
--
重點眉批：
px為最常見的，屬於絕對單位；%、em、rem則為相對單位。
%單位的算法：
預設網頁上的文字大小為16px，假如設定font-size: 75%，意思就是將預設文字大小改成：16 X 0.75=12px
em是以父元素為基準的文字單位，適合使用在限制區塊的內容，例如：ul li、p、div等等，em可以快速地從父元素改變內容文字的大小。
rem的文字則是以根元素為基準，而根元素就是指標籤。
--
重點眉批：
px為最常見的，屬於絕對單位；%、em、rem則為相對單位。
%單位的算法：
預設網頁上的文字大小為16px，假如設定font-size: 75%，意思就是將預設文字大小改成：16 X 0.75=12px
em是以父元素為基準的文字單位，適合使用在限制區塊的內容，例如：ul li、p、div等等，em可以快速地從父元素改變內容文字的大小。
rem的文字則是以根元素為基準，而根元素就是指標籤。