vw相對於視口的寬度。視口被均分為100單位的vw(即瀏覽器可視區) 100vw = 可視區寬度
vh相對於視口的高度。視口被均分為100單位的vh(即瀏覽器可視區)100vh = 可視區高度
vmin/vm
相對於視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vmin（即vm）
參考：
結論：vw, vh視區大小相關單位只適用於非定位元素的高度相關屬性上！//zxx: 高度相關屬性如 – height/min-height/max-height/line-height/padding-top/padding-bottom等
很重要的運用場景是：
1.手機適應螢幕尺寸時，如需訂列表縮圖的寬高時，如（1:1）且可自適應，
.img-wrap
2.活動頁，分享等單頁面
body
5 長度單位
網頁中的長度可以用下面兩種方式來表示 長度單位 1.畫素 px 畫素是我們在網頁中使用的最多的乙個單位，乙個畫素就相當於我們螢幕中的乙個小點，我們的螢幕實際上就是由這些畫素點構成的 但是這些畫素點，是不能直接看見。不同顯示器乙個畫素的大小也不相同，顯示效果越好越清晰，畫素就越小，反之畫素越大。2.百...
html 長度單位
pt 點。一般為網頁中標識字型的單位。px 象素。一般也為網頁中標識字型的單位。兩種關係 一英吋 72pt 點 96px 畫素 網頁中最常用到的 9pt 12px。在flash中一般也是字型的常用標識單位。字型大小的設定單位，常用的有2種 px pt。這兩個有什麼區別呢？先搞清基本概念 px就是表示...
css 長度單位
畫素 螢幕 顯示器 實際上是由乙個乙個的小點點構成的 不同螢幕的畫素大小是不同的，畫素越小的螢幕顯示的效果越清晰 所以同樣的200px在不同的裝置下顯示效果不一樣 百分比 也可以將屬性值設定為相對於其父元素屬性的百分比 設定百分比可以使子元素跟隨父元素的改變而改變 doctype html en u...