Kích thước của nội dung không phù hợp với khung nhìn

Khung nhìn là một phần của cửa sổ trình duyệt nơi nội dung trên trang của bạn hiển thị. Khi chiều rộng nội dung của trang nhỏ hơn hoặc lớn hơn chiều rộng khung nhìn, trang có thể không hiển thị chính xác trên màn hình thiết bị di động. Ví dụ: nếu chiều rộng nội dung quá lớn, nội dung có thể được thu nhỏ lại cho vừa, khiến văn bản khó đọc.

Cách quy trình kiểm tra không thành công của quy trình kiểm tra chiều rộng nội dung Lighthouse

Lighthouse sẽ gắn cờ các trang có chiều rộng không bằng với chiều rộng của khung nhìn:

Kiểm tra Lighthouse cho thấy nội dung có kích thước không chính xác cho khung nhìn

Quá trình kiểm tra sẽ không thành công nếu window.innerWidth không bằng window.outerWidth.

Cách làm cho trang vừa với màn hình thiết bị di động

Quá trình kiểm tra này là một đường vòng để xác định xem trang của bạn có được tối ưu hoá cho thiết bị di động hay không. Hãy xem bài viết Kiến thức cơ bản về thiết kế web thích ứng của Google để biết thông tin tổng quan về cách tạo một trang thân thiện với thiết bị di động.

Bạn có thể bỏ qua quá trình kiểm tra này nếu:

  • Bạn không cần tối ưu hoá trang web cho màn hình thiết bị di động.
  • Chiều rộng nội dung trang của bạn nhỏ hơn hoặc lớn hơn chiều rộng có chủ ý của khung nhìn.

Tài nguyên