CSS的px和em的區別

2021-09-26 02:52:58 字數 461 閱讀 8749

一、px:pixel(畫素)的縮寫

=》1024px就是1024畫素,也就是點。

=》任意瀏覽器的字型預設的大小都是16px。

=》windows的一般瀏覽器是 1024*768,也就是水平上有1024個點,垂直有768個點。

=》利用px來設定字型大小時,比較精確,但是有缺陷,當使用者在瀏覽器中瀏覽web頁面時,如果改變了瀏覽器視窗的縮放,那麼web頁面布局會亂,利用em就不會存在這個問題。

二、em:emphasize(倍數)的縮寫

=》em是相對長度單位。1em 就等於當前的字型尺寸,2em 則等於當前字型尺寸的兩倍

=》em的值並不是固定的。使用em來設定web頁面字型的大小,當瀏覽器縮放或者拉伸,字型會自動適應螢幕大小。

三、px和em的換算

=》1em=16px

CSS中em和px的區別

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

em和px 的區別

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

CSS了解單位em和px的區別

人文精神,直接原因可能是因為有一部法律來約束他們 例如美國的section 508,強制 達到一定的易用性。關鍵點 1.ie無法調整那些使用px作為單位的字型大小 2.國外的大部分 能夠調整的原因在於其使用了em作為字型單位 3.firefox能夠調整px和em,但是96 以上的中國網民使用ie瀏覽...