資訊專欄INFORMATION COLUMN
摘要：是相對(duì)長(zhǎng)度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。引自手冊(cè)特點(diǎn)是新增的一個(gè)相對(duì)單位，根，這個(gè)單位引起了廣泛關(guān)注。目前，除了及更早版本外，所有瀏覽器均已支持。對(duì)于不支持它的瀏覽器，應(yīng)對(duì)方法也很簡(jiǎn)單，就是多寫一個(gè)絕對(duì)單位的聲明。
國(guó)內(nèi)的設(shè)計(jì)師大都喜歡用px，而國(guó)外的網(wǎng)站大都喜歡用em和rem，那么三者有什么區(qū)別，又各自有什么優(yōu)劣呢？
PX特點(diǎn)
IE無(wú)法調(diào)整那些使用px作為單位的字體大小；
國(guó)外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位；
Firefox能夠調(diào)整px和em，rem，但是96%以上的中國(guó)網(wǎng)民使用IE瀏覽器(或內(nèi)核)。
px像素（Pixel）。相對(duì)長(zhǎng)度單位。像素px是相對(duì)于顯示器屏幕分辨率而言的。(引自CSS2.0手冊(cè))
EM特點(diǎn)
em的值并不是固定的；
em會(huì)繼承父級(jí)元素的字體大小。
em是相對(duì)長(zhǎng)度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽 器的默認(rèn)字體尺寸。(引自CSS2.0手冊(cè))
rem特點(diǎn)
rem是css3新增的一個(gè)相對(duì)單位（root em，根em），這個(gè)單位引起了廣泛關(guān)注。這個(gè)單位與em有什么區(qū)別呢？區(qū)別在于使用rem為元素設(shè)定字體大小時(shí)，仍然是相對(duì)大小，但相對(duì)的只是HTML根元素。這個(gè)單位可謂集相對(duì)大小和絕對(duì)大小的優(yōu)點(diǎn)于一身，通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。目前，除了IE8及更早版本外，所有瀏覽器均已支持rem。對(duì)于不支持它的瀏覽器，應(yīng)對(duì)方法也很簡(jiǎn)單，就是多寫一個(gè)絕對(duì)單位的聲明。這些瀏覽器會(huì)忽略用rem設(shè)定的字體大小。
下面就是一個(gè)例子：p {font-size:14px; font-size:.875rem;}
注意：
選擇使用什么字體單位主要由你的項(xiàng)目來(lái)決定，如果你的用戶群都使用最新版的瀏覽器，那推薦使用rem，如果要考慮兼容性，那就使用px,或者兩者同時(shí)使用。
在這里為大家提供一個(gè)px,em,rem單位轉(zhuǎn)換工具地址：http://pxtoem.com/
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111886.html
摘要：中常見尺寸單位描述百分比英寸厘米毫米一個(gè)是一個(gè)字體的。在中，是非常有用的單位，因?yàn)樗梢宰詣?dòng)適應(yīng)用戶所使用的字體。在中唯一例外的是屬性，它的和值指的是相對(duì)父元素的字體大小。 CSS 中常見尺寸 單位 描述 % 百分比 in 英寸 cm 厘米 mm 毫米 ex 一個(gè) ex 是一個(gè)字體的 x-height。 (x-height 通常是字體尺寸的一半。) pt ...
摘要：用于給邊框貼上背景圖像類似于中的背景屬性。重復(fù)性取值為重復(fù)只是其中之一，其余兩個(gè)是平鋪和拉伸。其中，是默認(rèn)值。例如表示水平方向平鋪，垂直方向重復(fù)。不進(jìn)行拉伸，不湊整。效果如下白框?yàn)椴糠仲Y料來(lái)源網(wǎng)絡(luò)親們，看懂沒不懂請(qǐng)留言，幫你解答。。 border-image用于給border（邊框）貼上背景圖像 類似于CSS中的background（背景）屬性。 例如：background:url...
摘要：用于給邊框貼上背景圖像類似于中的背景屬性。重復(fù)性取值為重復(fù)只是其中之一，其余兩個(gè)是平鋪和拉伸。其中，是默認(rèn)值。例如表示水平方向平鋪，垂直方向重復(fù)。不進(jìn)行拉伸，不湊整。效果如下白框?yàn)椴糠仲Y料來(lái)源網(wǎng)絡(luò)親們，看懂沒不懂請(qǐng)留言，幫你解答。。 border-image用于給border（邊框）貼上背景圖像 類似于CSS中的background（背景）屬性。 例如：background:url...
摘要：引自手冊(cè)是相對(duì)長(zhǎng)度單位。所有未經(jīng)調(diào)整的瀏覽器都符合。特點(diǎn)是新增的一個(gè)相對(duì)單位，根，這個(gè)單位引起了廣泛關(guān)注。目前，除了及更早版本外，所有瀏覽器均已支持。對(duì)于不支持它的瀏覽器，應(yīng)對(duì)方法也很簡(jiǎn)單，就是多寫一個(gè)絕對(duì)單位的聲明。 在他處看到一篇好文章，想記錄在自己的學(xué)習(xí)筆記中，原文作者看到我轉(zhuǎn)載若是介意，聯(lián)系我立馬就刪除，附上原文鏈接：http://www.huolg.net/html5/htm...
摘要：前言在自適應(yīng)布局或者移動(dòng)端網(wǎng)頁(yè)開發(fā)時(shí)，我們經(jīng)常會(huì)用到和兩個(gè)長(zhǎng)度單位。，相對(duì)長(zhǎng)度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。所有未經(jīng)調(diào)整的瀏覽器中都是。最大的優(yōu)點(diǎn)是提供一致尺寸，便于計(jì)算。為了還原設(shè)計(jì)稿和實(shí)現(xiàn)合理的布局所以需要根元素重寫。 前言 在自適應(yīng)布局或者移動(dòng)端網(wǎng)頁(yè)開發(fā)時(shí)，我們經(jīng)常會(huì)用到em和rem兩個(gè)長(zhǎng)度單位。接下來(lái)我們討論一下這兩個(gè)單位和px之間的區(qū)別，以及他們的使用場(chǎng)景等。 區(qū)別 ...
閱讀 2434·2021-09-01 10:41
閱讀 1451·2019-08-30 14:12
閱讀 520·2019-08-29 12:32
閱讀 2868·2019-08-29 12:25
閱讀 2943·2019-08-28 18:30
閱讀 1713·2019-08-26 11:47
閱讀 989·2019-08-26 10:35
閱讀 2597·2019-08-23 18:06
