px 像素(pixel)是絕對單位。 是螢幕上所顯示的最小單位, pt 點(point)是絕對單位。 是一個標準的長度單位。 em 是相對單位,可以使用階層的方式設定讓網頁中的文字能放大和縮小。 % 是相對單位,可以使用階層的方式設定讓網頁中的文字能放大和縮小。 rem 是相對單位,可以使用階層的方式設定讓網頁中的文字能放大和縮小。 瀏覽器預設尺寸: 16px =1em = 100% = 12pt em的特色: ▲em的值並不是固定的 ▲em會繼承父級元素的字體大小。 ▲使用em作為字級單位時,通常會先宣告body的字級大小 rem的特色:
▲rem的值並不是固定的▲CSS3新推出來解決em疊加問題的字級單位。(ie8↓不支援) ▲不會繼承父級元素的字體大小,而是以網頁的根標籤<html>的font-size來計算
1 Comment
Leave a Reply. |
AuthorHello! Article
css 字型大小
CSS3 Media Queries 的三種使用方法 CSS3 Media Queries-Responsive boder-image 滿版隨著版面縮放的背景 padding-hack 圖片寬高等比縮放ViewPort介紹 ArchivesCategories |