DEV Community

Peter Kan
Peter Kan

Posted on • Updated on

CSS sizing: rem % vw em px 超簡易使用指南

rem: 每個element的font-size, width, height 如果需要指定就用rem,不需要指定就用%,或是auto。

%: 比例縮放的時候用

vw:

  1. reset css有的會有,請specify你的body為100vw,避免網頁超出去。

  2. 1200px以上的media query內,把rem換成vw。這樣在電腦可以有完美尺寸的畫面。不過這有點看人用,用rem換size的網頁也大有人在。。。

em: 在font-sizing指定的情況下,像是letter-spacing等等的間距的時候用,可以根據你的font-size調整。

px: 做border、box-shadow等小東西的時候用

大概4john,請記得基本尺寸一定用rem,除了可以依據user preference自動更動以外,在手機上面也顯示得出來,如果你在1200px下用vw的話,字會超級小。。。

Top comments (0)