−90%
Khoá học Unica, Gitiho, Udemy… chỉ từ 49.000đXem ngay
Responsive không chỉ là thêm vài media query. Đó là cách bố cục, hình ảnh và chữ tự điều chỉnh để đọc được trên mọi kích thước màn hình, từ điện thoại nhỏ tới…
Nội dung chi tiết
Mô tả khoá học
Responsive không chỉ là thêm vài media query. Đó là cách bố cục, hình ảnh và chữ tự điều chỉnh để đọc được trên mọi kích thước màn hình, từ điện thoại nhỏ tới màn hình rộng.
Khoá học tập trung vào tư duy thiết kế co giãn và các kỹ thuật CSS hiện đại thay cho cách chia breakpoint cứng nhắc.
Flexbox hay Grid tốt hơn? Không thay thế nhau. Flexbox mạnh cho bố cục một chiều, Grid mạnh cho bố cục hai chiều. Dự án thật thường dùng cả hai.
Bao nhiêu breakpoint là đủ? Không có con số cố định. Nên thêm breakpoint tại điểm mà bố cục bắt đầu vỡ, thay vì theo danh sách thiết bị.
clamp() dùng làm gì? Cho phép cỡ chữ tự co theo màn hình trong một khoảng giới hạn, thay vì phải viết nhiều media query cho typography.
