đánh giá Responsive trong xây dựng web site design
Khi làm việc, bạn có thể kiểm sát Responsive bằng cách co giãn kích thước trình chuẩn y thủ công nhưng nó không được “logic” đưa cho lắm. Mà mình sẽ khuyến khích các bạn 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 khảo sát Responsive mà mình thích nhất đó là Resizer, cực kỳ đơ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
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 để thường xuyên viết CSS được như ý và chắc chắn nó vận hành năng suất trên đa dạng thứ, nhất là các vật dụng thông dụng. Bạn thường 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ỉ tốt nhất nên 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 cho desktop thông thường).