Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

뷰포트에 맞게 정확히 크기가 조정된 콘텐츠

감사가 중요한 이유

이 감사는 페이지 콘텐츠의 너비가 뷰포트의 너비와 같은지 검사합니다. 콘텐츠 너비가 뷰포트 너비보다 크거나 작으면 대개 페이지가 모바일 화면에 최적화되지 않은 경우일 수 있습니다.

감사를 통과하는 방법

이 감사는 페이지가 휴대기기에 최적화되었는지 확인하는 우회적 방법입니다. 사이트가 최적화되지 않았고 사이트를 최적화하고 싶다면, 반응형 웹 디자인 기본 사항을 참조하여 시작하세요.

다음과 같은 경우 이 감사를 무시할 수 있습니다.

  • 사이트를 모바일 화면에 최적화할 필요가 없을 경우.
  • 페이지의 콘텐츠 너비를 일부러 뷰포트 너비보다 작거나 크게 한 경우.

감사 구현 방법

이 섹션에서는 감사 점수 계산 방법을 이해할 수 있도록 감사를 어떻게 구현하는지 설명합니다.

window.innerWidth === window.outerWidth일 경우 감사를 통과합니다.