亚洲欧美日韩国产综合点击进入,人妻熟妇av在线一区二区三区

國內(nèi)的設(shè)計師大都喜歡用px，而國外網(wǎng)站喜歡em和rem，三者之間有什么區(qū)別？
px：實(shí)際就是像素，用px設(shè)置字體大小比較精準(zhǔn)和穩(wěn)定。
px特點(diǎn)：
px是絕對單位。

瀏覽器頁面縮放時，px并不能跟隨變化，所以無法調(diào)整使用px作為單位的字體大小。
國外的大部分網(wǎng)站能夠調(diào)整原因在于使用rem或em作為字體單位。
Firefox能夠調(diào)整px和rem和em，但是大部分的國產(chǎn)瀏覽器使用IE內(nèi)核。

em：就是以父級作為基準(zhǔn)來縮放字體大小。
em特點(diǎn)：

Em是相對單位。
Em的值并不固定，受到父級字體大小的影響。

rem：以于根元素作為基準(zhǔn)來縮放字體大小的。
rem特點(diǎn)：

rem是相對單位，受到根元素字體大小影響。
修改根元素就可以成比例地調(diào)整所有。
避免字體大小逐層復(fù)合的連鎖反應(yīng) 。

Em和rem單位區(qū)別：

單位基于：em 基于使用他們的元素的字體大小。rem基于 html 元素的字體大小。
繼承：em可能受任何繼承的父元素字體大小影響。rem可以從瀏覽器字體設(shè)置中繼承字體大小。
使用情況：使用em單位應(yīng)根據(jù)組件的字體大小而不是根元素的字體大小。不使用em單位，并且需要根據(jù)瀏覽器的字體大小設(shè)置縮放的情況下使用rem 。而使用rem單位，除非你確定你需要 em 單位，包括對字體大小。

繪制頁面的時候具體使用什么單位主要由項(xiàng)目來決定，如果不考慮低版本瀏覽器兼容問題，那就使用rem,如果兼容低版本IE就使用px,或者兩者同時使用。
Px設(shè)置字體大小時存在問題：對瀏覽器進(jìn)行縮放時，頁面布局會亂，這時就需要使用rem或em來定義字體大小。
制作手機(jī)自適應(yīng)網(wǎng)頁，由于手機(jī)寬度大小眾多，制作一個響應(yīng)式網(wǎng)頁，手機(jī)寬度越大字體越大，就像一張圖片一樣進(jìn)行縮放。給大家分享一個rem的插件：

(function(doc, win) { var docEl = doc.documentElement, resizeEvt = \'orientationchange\' in window ? \'orientationchange\': \'resize\', recalc = function() {var clientWidth = docEl.clientWidth;if (!clientWidth) return;if (clientWidth >= 560) {clientWidth = 560;} docEl.style.fontSize = 100 * (clientWidth / 750) + \'px\'; }; if (!doc.addEventListener) return; recalc(); win.addEventListener(resizeEvt, recalc, false); doc.addEventListener(\'DOMContentLoaded\', recalc, false);})(document, window);

【女生聊天總發(fā)em em是什么意思】