px,rem和em的區別

2021-08-15 07:30:17 字數 516 閱讀 2285

px的特點:

1.ie無法調整那些使用px作為單位的字型大小,國外的大部分**能夠調整的原因在於其使用了em或rem作為字型單位;

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

3.px畫素,相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。

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

特點:1.em的值並不是固定的;

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

注意:a.body選擇器中宣告font-size=62.5%;

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

rem特點:

使用rem為元素設定字型大小時,仍然時相對大小,但相對的只是html根元素。 

注意:選擇使用什麼字型單位主要由專案來決定,如果使用者群體使用最新版的瀏覽器,那推薦使用rem,如果要考慮相容性,那就使用px,或者兩者同時使用。

深究 CSS中px rem與em的區別

前言 隨著pc端的網頁盛行,移動端作為重要的一部分,也是火熱的發展,但是鑑於一些單位的使用,我們並不知道該怎樣去使用,那麼今天我們來看看常用的三種單位px rem與em。二.em 三.rem 四.總結 px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。px px是pixel...

em和px 的區別

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

em和rem的區別

rem單位 rem root em 是乙個相對單位,類似於em,em是父元素字型大小。不同的是rem的基準是相對於html元素的字型大小而不是相對于父元素字型的大小。這樣可以根據螢幕的尺寸,比較容易的控制頁面的布局效果。例如,根元素 html 設定font size 16px 非根元素設定width...