px ==>> 畫素點
30% ==>> 百分比，相對於父級的寬高百分比。移動端困局：高度無法與寬度一致，可以使用js設定。
em ==>> 相對於當前模組的字型大小，web預設為16px，可以進行更改。相當於1em=16px，0.5em=8px，可以精確到小數點後三位。可以用來設定寬高
rem ==>> 相對於html的字型大小。1rem = 設定的html的字型大小，所以不易發生變化
vw ==>> 1vw=視窗寬度的1%，相當於把視寬分成了100份，經常用來移動端的布局。
vh ==>> 1vh=視窗高度的1%，相當於把視高分成了100份，經常用來移動端的布局。
vmin ==>> vw和vh中較小的那個。
vmax ==>> vw和vh中較大的那個。
關於CSS單位
初學css，相信大家都會用 px 作為單位使用，其實css還有很多單位，可以分為兩類 絕對單位 和 相對單位 絕對單位一般用於傳統平面印刷，很少用於前端開發，這裡我們只討論相對單位。相對單位主要有以下這些 px 畫素 百分比 em 1em等於 當前元素 的字型大小 rem 1rem等於 根元素 的字...
關於常用的幾個單位解釋
px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的 也就是說是跟物理裝置有關的 拿高清屏和普通屏來做對比就是普通螢幕的1個畫素點就是1個物理畫素點，而高清屏的1個畫素點是4個物理畫素點。em相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，...
css中的幾個單位 rem，視口單位和ch
rem是設計響應式網頁的神器，因為rem單位是相對html元素的font size屬性的，因此當使用rem作為屬性單位時，當改變html元素的font size，其他使用rem作為單位的元素也會跟著適配大小。那麼如何根據螢幕的大小製作乙個響應式的網頁呢。這裡先說說用css 查詢，如下面所示，螢幕查詢...