Breakpoint là gì?
Còn gọi: điểm ngắt bố cục, breakpoints, điểm ngắt responsive
Breakpoint là các mốc chiều rộng màn hình tại đó bố cục website thay đổi, ví dụ từ một cột trên điện thoại sang hai cột trên máy tính bảng và ba cột trên máy tính.
Hiểu kỹ hơn
Breakpoint nên đặt theo nội dung (chỗ bố cục bắt đầu xấu đi) hơn là theo tên thiết bị cụ thể, vì kích thước màn hình rất đa dạng. Các framework như Tailwind dùng các mốc phổ biến khoảng 640, 768, 1024, 1280 px. Designer thường làm khung ở vài breakpoint chính trong Figma và mô tả cách các khối co giãn giữa các mốc.
