溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關(guān)css單位中Em, Rem與px是什么意思的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
Em, Rem與px
設(shè)置元素與文本的大小應(yīng)該用哪種單位，em，rem，還是px？一直以來都有很多的爭論。事實是，這三種選擇都是可行的，都有其利弊。
在什么時候在什么項目使用哪種單位是沒有一個定論的，開發(fā)人員的習(xí)慣不同，項目的要求不同，都可能會使用不同的單位。然而，雖然沒有固定的規(guī)則，但是每種單位還是有一些要注意的地方的：
em - 設(shè)置元素為1em，其大小與父元素的font-size屬性有關(guān)。這個單位用于媒體查詢中，特別適用于響應(yīng)式開發(fā)，但是由于em單位在每一級中都是相對于父元素進(jìn)行計算的，所以要得出某個子元素em單位對應(yīng)的px值，有時候是很麻煩的。
rem - 相對于<html>元素的font-size大小計算，rem使得統(tǒng)一改變頁面上的所有標(biāo)題和段落文本大小變得非常容易。
px - 像素單位是最精確的，但是不適用于自適應(yīng)的設(shè)計。px單位是可靠的，并且易于理解，我們可以精細(xì)的控制元素的大小和移動到1px。
最重要的是，不要害怕嘗試，嘗試所有方法，看看最適合什么。有時候，em和rem可以節(jié)省很多工作，尤其是在構(gòu)建響應(yīng)式頁面時。
感謝各位的閱讀！關(guān)于“css單位中Em, Rem與px是什么意思”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
