網頁文字單位－pt、px、%、em、rem
2020/05/06閱讀時間約 1 分鐘
網頁的文字單位大致上分成: pt、px、%、em、rem
pt、px為最常見的，屬於絕對單位；%、em、rem則為相對單位。
%單位的算法：
預設網頁上的文字大小為16px=12pt，
假如設定font-size: 75%，意思就是將預設文字大小改成：16 X 0.75=12px
假如設定font-size: 0.75em，意思就是將預設文字大小改成：16 X 0.75=12px
那麼em、rem看起來很像的兩者，又有什麼差異呢？
em是以父元素為基準的文字單位，適合使用在限制區塊的內容，例如：ul li、p、div等等，em可以快速地從父元素改變內容文字的大小。
rem的文字則是以根元素為基準，而根元素就是指標籤。適合用在整體網頁的尺寸切換，可以依據不同的螢幕尺寸，統一改變網頁全部的文字大小。
相關課程 : 精修DIV+CSS網頁排版設計輕鬆做
為什麼會看到廣告
留言0
查看全部