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

Khi thực hiện việc, bạn thường xuyên khảo sát 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” tặng lắm. Mà mình sẽ khuyến khích người mua tiêu dùng các dụng cụ giúp để đánh giá, một trong những dụng cụ kiểm sát Responsive mà mình thích nhất đó là Resizer, vô cùng đơ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 trang bị

Khi viết CSS đưa 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à bảo đảm nó vận hành hiệu quả trên nhiều trang bị, 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 vật dụng tại đây, nhưng đa phần một dự án bạn chỉ cầ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 đưa cho 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.com/vn)

Có hơn 5 năm kinh nghiệm Laravel 7 năm kinh nghiệm trong quản trị website tư vấn giải pháp Seo google, Kinh doanh online tối ưu nhất cho doanh nghiệp.
Hiện làm giám đốc kinh doanh tại Siêu Tốc Việt.