Relativa Mått
em – relativt till elementets font storlek.
En modul har 14px som standard font storlek i divi.
Ändrar du inte font storleken så är 1em = 14px.
Annars är 1em = din valda fontstorlek.
I moduler utan någon fontstorlek t.ex. bilder så kommer 1em = 14px.
Denna text har fontstorleken 14px.
Denna text använder em.
rem – relativt till root elementets font storlek.
Detta hänvisar till din webbläsares standard font storlek.
De flesta webbläsarna har 16px som standard.
1rem = 16px
Denna text har fontstorleken 16px.
Denna text använder rem.
vw – viewport width, relativt till 1% av bredden i din webbläsares visningsport.
vh – viewport height, relativt till 1% av höjden i din webbläsares visningsport.
Det finns även vmin och vmax vilket använder den största/minsta av din visningsports dimensioner.
% – relativt till 1/100 av storleken på objektet ovanförs höjd eller bredd.
Dessa är de föreslagna måtten för bredder, höjder, margins, och paddings.
- Bredder: %, vw, och px (som max width)
- Höjder: %, vw, och px (som max height)
- Margins: px, %, och vw
- Padding: px, %, em, vw och vh