移動端尺寸單位的區別 px em和rem

2022-05-06 15:51:08 字數 403 閱讀 5883

em是指相對于父元素的字型大小的單位 ;因為它是相對于父元素的字型大小的單位,那如果你要設定乙個元素的寬度,高度,那麼就得去看他父級的大小,如果父級也是em單位,你又得去找他的父級,得一層層計算,才能得到準確的畫素值。

rem的出現 使很多 移動端的自適應得到了改變,因為 rem是指相對於根元素的字型大小的單位;只要根據螢幕大小設定html根上的font-size大小,以rem為單位的元素大小會相應改變。

@media only screen  }

@media only screen and (max-width: 479px) and (min-width: 321px) }

@media only screen and (max-width: 320px) }

移動端尺寸單位區別:

css中單位px em以及rem的區別

px特點 1.ie無法調整那些使用px作為單位的字型大小 2.國外的大部分 能夠調整的原因在於其使用了em或rem作為字型單位 3.firefox能夠調整px和em,rem,但是96 以上的中國網民使用ie瀏覽器 或核心 px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。引...

px,em和rem的區別

三者都是相對長度單位 一 px 畫素 畫素是相對於螢幕顯示器解析度而言的。畫素特點 字型大小被定死,不會因為縮放改變二 em em是相對於當前物件的文字尺寸,如果沒有設定,則相對於瀏覽器的預設字型尺寸 特點 1 em的值不是固定的 2 em的可以繼承父級元素的字型大小 注意 所有瀏覽器的預設字型大小...

px em 和rem之間的區別

背景 px 畫素是相對於顯示器螢幕解析度而言的相對長度單位。pc端使用px倒也無所謂,可是在移動端,因為手機解析度種類頗多,不可能乙個個去適配,這時px就顯得非常無力,所以就要考慮em和rem。em 繼承父級的。假設html的font size預設為16px,body字型大小定義為50 那麼在bod...