CSS單位(字型)

2021-07-15 08:43:46 字數 683 閱讀 5933

px

px畫素(pixel)。相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。

emem是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。(引自css2.0手冊)

任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。

因此,為了換算方便,通常我們會在html的根元素設定:

html

使得1em=10px,這樣就可以很容易換算過來

remrem是css3新增的乙個相對單位(root em,根em)。區別在於使用rem為元素設定字型大小時,仍然是相對大小,但相對的只是html根元素

相容rem問題

為了相容rem,可以多寫乙個絕對單位的宣告。這些瀏覽器會忽略用rem設定的字型大小。

總的而言,三者都是相對單位,但是相對的物件不同,px是相對解析度、em是相對于父容器字型、rem是相對於html根元素字型。

​ 還有一點注意事項是,基本上以上單位都是用來進行文字的修改的。如果你想用於height、width等屬性。那麼調整font-size屬性是不生效的。那麼em就是預設值16px,rem則是根據html的font-size做調整。

css字型單位

了解 首先先了解四個字型單位 px em pt rem px 單位名稱為畫素,相對長度單位,畫素 px 是相對於顯示器螢幕解析度而言的,國內推薦 em 單位名稱為相對長度單位。相對於當前物件內文字的字型尺寸,國外使用比較多 pt 全稱為point,但中文不叫 點 確切的說法是乙個專用的印刷單位 磅 ...

CSS字型單位

在css樣式中,當文字縮放的時候使用font size屬性是最難以理解的方面之一。在css中,你有4種不同的選擇,能夠讓你設定文字在瀏覽器中的展示。那麼這4種單位哪一種更適合呢?這個問題引發了各種各樣不同的爭論和評價。想要找到乙個比較權威的回答可能比較困難,因為這個問題比較難回答。ems em em...

css字型單位大小

這裡引用的是jorux的 95 的中國 需要重寫css 的文章,題目有點嚇人,但是確實是現在國內網頁製作方面的一些缺陷。我一直也搞不清楚px與em之間的關係和特點,看過以後確實收穫很大。平時都是用px來定義字 體,所以無法用瀏覽器字型放大的功能,而國外大多數 都可以在ie下使用。因為 1.ie無法調...