
24/12/2025
24/12/2025
Một số kỹ thuật CSS dùng để tạo giao diện responsive
Media Queries (@media) Dùng để áp dụng CSS khác nhau theo kích thước màn hình (width, height, orientation…).
Flexible Layout (Flexbox) Giúp sắp xếp các phần tử linh hoạt theo hàng/cột, dễ điều chỉnh trên nhiều màn hình.
CSS Grid Tạo bố cục dạng lưới, cho phép thay đổi số cột/hàng theo kích thước màn hình.
Đơn vị kích thước linh hoạt Sử dụng %, vw, vh, em, rem thay vì chỉ dùng px.
Hình ảnh responsive Dùng max-width: 100% để ảnh co giãn theo khung chứa.
Ẩn/hiện nội dung theo màn hình Kết hợp display, visibility với Media Queries.
24/12/2025
Một số kỹ thuật CSS dùng để tạo giao diện responsive
Media Queries (@media)
Dùng để áp dụng CSS khác nhau theo kích thước màn hình (width, height, orientation…).
Flexible Layout (Flexbox)
Giúp sắp xếp các phần tử linh hoạt theo hàng/cột, dễ điều chỉnh trên nhiều màn hình.
CSS Grid
Tạo bố cục dạng lưới, cho phép thay đổi số cột/hàng theo kích thước màn hình.
Đơn vị kích thước linh hoạt
Sử dụng %, vw, vh, em, rem thay vì chỉ dùng px.
Hình ảnh responsive
Dùng max-width: 100% để ảnh co giãn theo khung chứa.
Ẩn/hiện nội dung theo màn hình
Kết hợp display, visibility với Media Queries.
Nếu bạn muốn hỏi bài tập
Các câu hỏi của bạn luôn được giải đáp dưới 10 phút
CÂU HỎI LIÊN QUAN
Top thành viên trả lời