Responsive Web Design

Nên đọc trước

  1. Tìm hiểu CSS Reset và Normalize.css

Responsive Web Design là gì?

Responsive Web Design là cách thiết kế sao cho website phù hợp trên tất cả các thiết bị với mọi độ phân giải màn hình. Một website đẹp trên máy tính nhưng khó xem trên điện thoại do bố cục lộn xộn, hình ảnh hoặc bài viết không cân đối thì không thể gọi là Responsive Web.

Responsive Web Design

Cách kiểm tra website đã responsive hay chưa

Bạn hãy sử dụng PC, mở trình duyệt và truy cập vào website cần kiểm tra, sau đó thu nhỏ cửa sổ trình duyệt. Nếu:

  • Cửa sổ trình duyệt xuất hiện thanh trượt ngang (horizontal scroll bar) => chưa responsive.
  • Website tự động co giãn sao cho phù hợp với chiều rộng của trình duyệt => đã responsive.

Tại sao phải làm responsive web?

  1. Thiết bị di động ngày càng được sử dụng nhiều hơn, việc truy cập web trên các thiết bị di động đang phát triển với một tốc độ cực nhanh. Giờ đây, website của bạn không chỉ hoạt động trên PC mà còn phải hỗ trợ tốt cho các thiết bị di động.
  2. Tiết kiệm thời gian và chi phí, bạn chỉ cần phát triển 1 phiên bản web duy nhất để chạy trên tất cả các thiết bị.
  3. SEO tốt hơn.

Nên đọc tiếp