Un point de rupture divise la hauteur ou la largeur de la fenêtre (viewport) (écrans, imprimantes et autres types de média d'affichage) en "étapes". Par exemple, un point de rupture avec une largeur de 40em définit deux "étapes" : une pour les largeurs jusqu'à 40em, une autre pour les largeurs supérieures à 40em. Les points de rupture peuvent servir à déterminer quand la mise en page doit changer, quand les images devraient être redimensionnées et tout autres changements nécessaires à l'adaptation aux variations de dimensions de la fenêtre (viewport).