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...