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 vs. Varijabilne Mjere u CSS-u
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.
