em px pt單位介紹及換算

2022-03-08 15:25:52 字數 1965 閱讀 7520

px\em\pt單位介紹

px pixel單位名稱為畫素,相對長度單位,畫素(px)是相對於顯示器螢幕解析度而言的國內推薦;

em單位名稱為相對長度單位。相對於當前物件內文字的字型尺寸,國外使用比較多,這裡em與html 標籤的"em"拼寫完全相同,而這裡em作為單獨文字單位。

pt單位名稱為點(point),絕對長度單位一般老版本的table使用長度大小單位但是現在基本上沒有使用。

1. 以前ie無法調整那些使用px作為單位的字型大小,但現在幾乎ie都支援 在這裡也推薦使用px作為單位;

2. 國外的大部分**能夠調整的原因在於其使用了em作為字型單位;

3. firefox能夠調整px和em,但是96%以上的中國網民使用ie瀏覽器(或核心)。

px畫素(pixel)。相對長度單位。畫素px是相對於顯示器螢幕解析度而言的,qq截圖也是使用px作為長度寬度單位。

em是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。

em與px換算

任意瀏覽器的預設字型高度16px(16畫素)。

所有未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em。為了簡化font-size的換算,需要在css中的body選擇器中宣告font-size=62.5%,這就使em值變為 16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10,然後換上em作為單位就行了。

12px相當於9pt長度;

12px相當於0.75em長度;

9pt相當於0.75em長度;

一般我們使用em換算px較多

高階em與px換算:

具體使用時候:

我們在對全體html標籤宣告初始一次font-size=62.5%如:*

即可此後面布局可依據以下技巧進行設定em單位

font-size:1.2em等於font-size:12px

font-size:1.4em等於font-size:14px

以此類推相當於初始font-size=62.5%後,em與px單位就只有10倍差距,以便方便計算與設定em長度數值使用。

em單位有如下特點:

1. em的值並不是固定的;

2. em會繼承父級元素的字型大小。

我們在寫css的時候如果要用em為單位,需要注意兩點:

1. body選擇器中宣告font-size=62.5%;

2. 將你的原來的px數值除以10,然後換上em作為單位;

3. 重新計算那些被放大的字型的em數值。避免字型大小的重複宣告。

也就是避免1.2 * 1.2= 1.44的現象。比如說你在#content中宣告了字型大小為1.2em,那麼在宣告的字型大小時就只能是1em,而不是1.2em, 因為此em非彼em,它因繼承#content的字型高而變為了1em=12px。

但是12px漢字例外,就是由以上方法得到的12px(1.2em)大小的漢字在ie中並不等於直接用12px定義的字型大小,而是稍大一點。這個問題 jorux已經解決,只需在body選擇器中把62.5%換成63%就能正常顯示了。原因可能是ie處理漢字時,對於浮點的取值精確度有限。不知道有沒有其他的解釋。

推薦網頁單位

所以為了單位換算錯誤推薦使用px(畫素)作為網頁製作單位。

以上為大家介紹了px em pt單位,及換算方式,一般現在我們使用長度單位都以px為長度單位。這裡我們也推薦使用以px(畫素)為網頁的尺寸長度單位,符合瀏覽器的畫素單位,同時也為了方便計算長度尺寸。

關於px pt em單位總結 

1)、推薦px畫素為單位:通常我們使用px(畫素為單位)較多,其次是em單位,平時推薦大家以px為單位;

2)、我們的顯示屏解析度以px畫素為單位;

3)、我們qq截圖時候也是以px畫素單位。

寬頻及位元組換算單位

unit of the network speed 1.計算 光纖傳輸的真實速度 使用光纖連線網路具有傳輸速度快。衰減少等 在實際的情況中。理論值最高為640kb s。那麼還要排除網路損耗以及 2.計算adsl的真實速度adsl是大家經常使用的上網方式。那麼電信和網通 3.計算內網的傳輸速度 經常有...

壓力換算公斤單位換算 壓力單位換算方法

壓力單位換算方法 1.1atm 0.1mpa 100kpa 1公斤 1bar 10公尺水柱 14.5psi 2.1kpa 0.01公斤 0.01bar 10mbar 7.5mmhg 0.3inhg 7.5torr 100mmh2o 4inh2o 3.1mpa 1n mm2 14.5psi 0.1mp...

計算機常用單位,及單位換算

一 儲存單位 1 位bit 位元binary digits 存放一位二進位制數,即 0 或 1,最小的儲存單位,簡寫為b。2 位元組byte 8個二進位制位為乙個位元組 簡寫為b 是計算機資料處理的基本單位,計算機主要以位元組為單位解釋資訊。一般乙個ascii碼占用乙個位元組,乙個漢字 國際碼 占用...