Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

正確調整內容大小,使其適合視口

爲什麼說此審查非常重要

該審查檢查頁面上內容的寬度是否等於視口寬度。 如果內容寬度小於或大於視口寬度,則通常表明頁面沒有針對移動設備屏幕進行優化。

如何通過此審查

此審查是一種確定頁面是否已針對移動設備進行優化的迂迴方式。 如果您的網站未優化,並且您想要優化它,請先參閱自適應網頁設計基礎知識

如果屬於以下情形,您可忽略該審查:

  • 您的網站不需要針對移動設備屏幕進行優化。
  • 您的頁面內容寬度特意設計成小於或大於視口寬度。

如何實現此審查

本部分介紹如何實現此審查,以便您可以瞭解計算此審查得分的方式。

如果 window.innerWidth === window.outerWidth,則表示通過了審查。