px, em,rem,VW,VH,VM的不同點
- px: 固定的單位,像素
- em:繼承父元素的字體大小
- rem:相對根元素,即html元素字體大小,需設置html的font-size=625%
所以rem=16px*625%=100px
- VW&VH: viewpoint width&viewpoint height
1VW = 1/100視口寬度 1VH = 1/100視口高度
例如:750*900 1VW=750/100=7.5px 1VH=900/100=9px
- VM:分爲Vmin和Vmax
Vmin,即是VW和VH較小的一個值
例如:1000*800 則 Vmin=800/100=8px
600*800 則vmin=600/100=6px
Vmax,即是較大的一個值,與Vmin相反