đánh giá Responsive trong thiết kế web site design

Khi làm việc, bạn thường đánh giá Responsive bằng cách co giãn kích thước trình chuẩn y thủ công chưa nhưng nó không được “logic” cho lắm. Mà mình sẽ khuyến khích khách hàng tiêu dùng các phương tiện dễ giúp để khảo sát, một trong những phương tiện vẫn kiểm sát lớn Responsive mà mình thích nhất đó là Resizer, siêu 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 thứ

Khi viết CSS cho giao diện Responsive, việc 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 để có thể viết CSS được như yêu cầu gần và đảm bảo sẽ nó vận hành sẽ chất lượng trên nhiều vật dụng luôn , nhất là các đồ vật thông dụng. Bạn thường tham khảo các size chiều rộng của các đồ vật tại đây, nhưng đa phần một dự án bạn chỉ cần phải tạo các breakpoint CSS như 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 mất desktop thông thường).

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