em 和 px , pt字型單位的區別

2021-10-08 22:05:47 字數 582 閱讀 5377

em 和 px , pt字型單位的區別

type

="text/css"

>

p.p1

p.p2

p.p3

style

>

字型單位應該用baiem而不用px,原因簡單來說就是支bai持ie6下的字型縮放,在頁面中按ctrl+滾輪,du字型以px為單位的**沒有反應。px是絕對單位,不支援ie的縮放,em是相對單位。

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

那麼 10px=0.625em。為了簡化font -size的換算,需要在css中的body選擇器中宣告font-size=62.5%,這就使em值變為16px*62.5%=10px, 這樣10px=1em, 也就是說只需要將你的原來的px數值除以10,然後換上em作為單位就行了。

pt全稱為point,中文意思為「點」,常見於軟體設計、排版印刷行業。在常規的排版中,字型大小以「點」來單位。活字的大小稱為「字型大小」,而字母的寬度稱作「字寬」,1點=0.376公釐=1.07英美點=0.0148英呎=0.1776英吋。

px pt和em的區別

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

CSS中em單位和px單位的區別

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

rem 單位 和 em 單位

首先要知道 rem 和 em 是相對單位 我們通過 來看 rem 和 em的使用和區別 em 相對於父級 test 16px test test 顯示效果 我們可以看到,首先我們重置瀏覽器的預設顯示字型大小為16px 即便預設顯示大小也是16px body中的第乙個段落標籤的字型大小也就是16px ...