đánh giá Responsive trong xây dựng web design
Khi thực hiện việc, bạn có lẽ khảo sát Responsive bằng cách co giãn kích thước trình duyệt bằng tay nhưng nó không được “logic” tặng 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 để khảo sát, một trong những dụng cụ khảo sát Responsive mà mình thích nhất đó là Resizer, siêu đơn giản 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 dụng
Khi viết CSS đưa cho 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ư yêu cầu và đảm bảo nó vận hành tốt trên phổ biến đồ vật, nhất là các trang bị thông dụng. Bạn có lẽ tham khảo các size chiều rộng của các thứ tại đây, nhưng đa phần một dự án bạn chỉ cần tạo các breakpoint CSS giống 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 desktop thông thường).