kiểm tra Responsive trong thiết kế web site design

Khi thực hiện việc, bạn thường khảo sát Responsive bằng cách co giãn kích thước trình ưng chuẩn bằng tay nhưng nó không được “logic” đưa 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 giúp cho để khảo sát, một trong những phương tiện đánh giá Responsive mà mình thích nhất đó là Resizer, siêu dễ 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 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 và chắc chắn nó hoạt động hiệu quả trên rộng rãi 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 trang bị 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 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 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.vip)

Với 6 năm kinh nghiệm Python, PHP 6 năm kinh nghiệm trong quản lý website tư vấn giải pháp SEO từ khóa, Digital marketing tối ưu nhất cho công ty.
Hiện đang là giám đốc kinh doanh tại Siêu Tốc Việt.