Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on the Chrome Dev Summit 2019 website

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

감사가 중요한 이유

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

감사를 통과하는 방법

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

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

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

감사 구현 방법

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

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