按照比例縮放元素的vh與vw

當我們想按照畫面比例縮放一個元素時

我們可以用以下兩種方式

%比例

width: 30%;

這個元素為父元素寬度的30%。

vw,vh比例

width: 100vw;

這個元素為瀏覽網頁的裝置的寬度的百分之30。

用途

如果用在網頁上，vw,vh很適合依照裝置比例縮放的元素。

但是請注意，滿版，也就是百分百寬度的元素，會產生誤差，沒辦法填滿整個版面，或許未來會修正，但是目前建議別用這個作為滿版元素。