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, nội dung đó 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, thì nội dung có thể bị thu nhỏ cho vừa, khiến văn bản khó đọc.
Cách quy trình kiểm tra chiều rộng nội dung Lighthouse không thành công
Lighthouse gắn cờ các trang có chiều rộng không bằng chiều rộng của 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 vòng tròn để 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 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:
- Trang web của bạn không cần được tối ưu hoá cho màn hình thiết bị di động.
- Chiều rộng nội dung trên trang có chủ ý nhỏ hơn hoặc lớn hơn chiều rộng khung nhìn.