未針對可視區域正確調整內容大小

注意：Lighthouse 中的 PWA 測試已淘汰。如要進一步瞭解其淘汰事宜，請參閱 Chrome 的新版安裝條件條件。如需測試指南，請參閱 PWA 說明文件。

可視區域是瀏覽器視窗中顯示網頁內容的一部分。如果網頁內容寬度小於或大於可視區域寬度，網頁可能無法在行動裝置螢幕上正確顯示。舉例來說，如果內容寬度過大，系統可能會縮小內容以配合顯示，導致文字難以閱讀。

Lighthouse 內容寬度稽核失敗情形

Lighthouse 會標記寬度不等於可視區域寬度的網頁：

如果 window.innerWidth 不等於 window.outerWidth，稽核作業就會失敗。

注意：在 Lighthouse 報告 UI 中，通過所有 PWA 子類別的所有稽核作業 (快速可靠、可安裝以及 PWA 最佳化)，系統就會顯示完整的 PWA 徽章。

如何配合行動裝置螢幕調整網頁

這項稽核請參閱 Google 的回應式網頁設計基本概念，瞭解如何建立適合行動裝置的網頁。

如有下列情況，可以忽略這項稽核：

• 您的網站不一定要針對行動裝置螢幕進行最佳化調整。
• 網頁的內容寬度刻意小於或大於可視區域寬度。

資源

• 「內容未針對可視區域正確調整大小」
• 回應式網頁設計基本概念