Najčešće mjere u responsive dizajnu
Najčešće mjere u responsive dizajnu ovise o uređaju i veličini zaslona. Uobičajeno se koriste sljedeće širine zaslona kao točke prekida (engl. breakpoints) za prilagođavanje prikaza stranice:
- 320px: Najmanja širina zaslona koja se koristi kao točka prekida za mobilne uređaje.
- 480px: Širina zaslona koja se koristi kao točka prekida za manje mobilne uređaje.
- 600px: Širina zaslona koja se koristi kao točka prekida za veće mobilne uređaje i manje tablete.
- 768px: Širina zaslona koja se koristi kao točka prekida za tablete i manje prijenosnike.
- 900px: Širina zaslona koja se koristi kao točka prekida za veće prijenosnike i manje stolna računala.
- 1200px: Širina zaslona koja se koristi kao točka prekida za veća stolna računala.
Fiksne mjere
- Koristi se kada je potrebna precizna kontrola elemenata
- Pikseli (px)
- Milimetri (mm)
- Centimetri (cm)
- Inči (in)
Varijabilne mjere
- Koristi se za responzivnost i prilagodljivost različitim veličinama ekrana
- postotci (%)
- em
- rem
- viewport-width (vw)
- viewport-height (vh)
