Thư viện thuật ngữ / Figma

Min/max width và height là gì?

Còn gọi: Figma, min width figma, max width figma, chiều rộng tối thiểu figma, chiều rộng tối đa

Min/max width và height là giới hạn kích thước tối thiểu và tối đa đặt cho frame hoặc phần tử trong Auto layout, giúp phần tử co giãn nhưng không nhỏ hoặc lớn quá mức.

Hiểu kỹ hơn

Trong ô chiều rộng hoặc chiều cao, mở menu thả xuống và chọn Add min width, Add max width (tương tự cho chiều cao). Ví dụ: nút bấm đặt Fill container nhưng có min width 120 px để không bị bóp quá hẹp trên điện thoại; khối nội dung bài viết đặt max width 720 px để dòng chữ không quá dài trên màn hình lớn. Kết hợp min/max với Hug và Fill giúp mô phỏng gần đúng cách CSS hoạt động với min-width, max-width. Có thể gắn giá trị min/max với biến số (variable) để thống nhất toàn hệ thống. Lỗi hay gặp: đặt max width cho phần tử con nhưng quên căn giữa khung cha, khiến nội dung lệch sang trái khi màn hình rộng.