px em rem vw vh單位之間的區別?

2021-10-09 03:18:12 字數 859 閱讀 8706

px就是 pixel(畫素)的縮寫,相對長度單位,相對於螢幕解析度;

參考父元素的font-size,具有繼承的特點。瀏覽器預設字型是16px,

整個頁面內1em不是乙個固定的值;

字型大小同樣都是1.5em,但是效果卻截然不同,按照w3c提供的公式,

我們可以計算下: class為id1的div字型大小繼承自父元素body:

16px*1.5em = 24px class為id2的div字型大小繼承自父元素id1:

24px*1.5em = 36px class為id3的div字型大小繼承自父元素id2:36px*1.5em = 54px

rem是css3新增的乙個相對單位,但相對的只是html根元素。通過它既可以做到只

修改根元素就成比例地調整所有字型大小,又可以避免字型大小逐層復合的連鎖反應。

%百分比,相對長度單位,相對于父元素的百分比值

元素款到與字型大小使用區別:

(1)盡量使用相對尺寸單位

使用相對尺寸單位計量,則在調整頁面的布局的時候,不需要遍歷所有的內部

dom結構,重新設定內部子元素的尺寸大小。如果是隨著父容器或者是整體頁

面布局而改變尺寸,則使用%更好,如元素的高度和寬度設定;

(2)字型尺寸盡量使用em,rem

為了字型大小的可維護性和伸縮性,推薦使用em,如果存在3層以及3層

以上的字型相對尺寸的設定,可以考慮使用em;

vh和vw 相對於視口的高度和寬度,1vh等於1/100的視口高度,1vw等於1/100

的視口寬度,比如:瀏覽器高度900px,寬度為750px,

1vh=900px/100=9px,1vw = 750px/100=7.5px;很容易實現與同螢幕等高的框。

壓力單位MPa Psi和bar之間換算公式

壓力單位mpa psi和bar之間換算公式 1bar 10 5pa psi為英製壓力單位.磅力每平方英吋 1bf in2 為1psi 6894.76 pa 1bar等於10的5次方 10 5 pa 1atm等於乙個標準大氣壓 101325pa 1at等於一project大氣壓 千克力每平方厘公尺kg...

壓力單位MPa Psi和bar之間換算公式

壓力單位mpa psi和bar之間換算公式 1bar 10 5pa psi為英製壓力單位.磅力每平方英吋 1bf in2 為1psi 6894.76 pa 1bar等於10的5次方 10 5 pa 1atm等於乙個標準大氣壓 101325pa 1at等於一project大氣壓 千克力每平方厘公尺kg...

壓力單位MPa Psi和bar之間換算公式

壓力單位mpa psi和bar之間換算公式 1bar 10 5pa psi為英製壓力單位.磅力每平方英吋 1bf in2 為1psi 6894.76 pa 1bar等於10的5次方 10 5 pa 1atm等於乙個標準大氣壓 101325pa 1at等於一project大氣壓 千克力每平方厘公尺kg...