kiểm tra Responsive trong xây dựng website design

Khi thực hiện việc, bạn thường xuyên đánh giá Responsive bằng cách co giãn kích thước trình ưng chuẩn thủ công nhưng nó không được “logic” cho lắm. Mà mình sẽ khuyến khích người dùng tiêu dùng các phương tiện giúp để kiểm sát, một trong những phương tiện kiểm sát Responsive mà mình thích nhất đó là Resizer, rất dễ dàng tiêu dùng và gọn nhẹ. Hãy xem cách tiêu dùng bằng ảnh dưới:

Danh sách các kích thước màn hình đồ vật

Khi viết CSS tặng giao diện Responsive, việc rất cần thiết nhất là bạn phải nắm được kích thước màn hình của các loại điện thoại thông dụng để thường xuyên viết CSS được như ý và bảo đảm nó vận hành tốt trên nhiều thiết bị, nhất là các đồ vật thông dụng. Bạn có lẽ tham khảo các size chiều rộng của các trang bị tại đây, nhưng đa phần một dự án bạn chỉ cần tạo các breakpoint CSS như là sau:

  • max-width: 320px (điện thoại di động, hiển thị chiều dọc)
  • max-width: 480px (điện thoại di động, hiển thị chiều ngang)
  • max-width: 600px (máy tính bảng, hiển thị chiều dọc)
  • max-width: 800px (máy tính bảng, hiển thị chiều ngang)
  • max-width: 768px (máy tính bảng loại to, hiển thị chiều dọc)
  • max-width: 1024px (máy tính bảng loại to, hiển thị chiều ngang)
  • min-width: 1025px (từ size này trở lên là danh tặng desktop thông thường).

 

5/5 - (1 bình chọn)

Responsive Web Design Cẩm Nang Thiết kế Web

Lê Trương Tấn Lộc (sieutocviet.net)

Có hơn 3 năm kinh nghiệm Drupal 5 năm thực chiến trong quản trị web site tư vấn giải pháp Seo top, Kinh doanh online tối ưu nhất cho tập đoàn quốc tế.
Hiện giữ chức vụ giám đốc kinh doanh tại Siêu Tốc Việt.