Dưới Triều đại của Google – Mobile Friendly đã được đề cập khá lâu.!
Nhưng, kể từ ngày ấy (4/2015) Google đã đặt vấn đề : Mobile First  (Tối ưu web với di động lên hàng đầu)
Kết quả tìm kiếm trên di động sẽ bị ảnh hưởng (nếu như web của Bạn chưa tối ưu cho di động – thông tin nguồn blog google). Vậy nên tối ưu SEO thì tham số tối ưu web với màn hình di động là 1 ưu tiên. Vì đây là 1 trong hàng trăm tham số đánh giá chất lượng SEO để đạt TOP.

toi uu web cho di dong

 

Danh sách kích thước các màn hình

Thống kê các kích thước màn hình cơ bản phục vụ cho thiết kế Web Responsive.
Tham khảo:

  1. max-width: 320px (điện thoại di động, hiển thị chiều dọc)
  2. max-width: 480px (điện thoại di động, hiển thị chiều ngang)
  3. max-width: 600px (máy tính bảng, hiển thị chiều dọc)
  4. max-width: 800px (máy tính bảng, hiển thị chiều ngang)
  5. max-width: 768px (máy tính bảng loại to, hiển thị chiều dọc)
  6. max-width: 1024px (máy tính bảng loại to, hiển thị chiều ngang)
  7. min-width: 1025px (từ size này trở lên là danh cho desktop thông thường).

Cách viết CSS cho các kích thước màn hình

Hoặc:

Code CSS cho các màn hình :

Một số nguồn tham khảo:

Cùng Món Này

Leave a Reply

Your email address will not be published. Required fields are marked *