Android용 Chrome의 화면 전체 표시 준비하기

게시일: 2025년 2월 28일

전체 화면은 애플리케이션이 Android 시스템 표시줄 뒤에 그려져 디스플레이의 전체 너비와 높이를 차지할 수 있는 Android 기능입니다.

Chrome 135 이전에는 Android의 Chrome이 전체 화면으로 표시되지 않았습니다. 하지만 Chrome 135부터 Android의 Chrome은 표시 영역을 동작 탐색 메뉴 영역으로 확장하여 웹 콘텐츠를 기기 하단 가장자리까지 그릴 수 있습니다.

화면 전체가 표시되지 않는 Android용 Chrome (왼쪽)과 화면 전체가 표시되는 Android용 Chrome (오른쪽)의 뷰포트 시각화 각 시각화에는 높이가 100vh로 설정된 요소를 나타내는 파란색 상자가 있습니다. 왼쪽의 텍스트는 Chrome이 전체 화면이 아닌 경우 어떻게 되는지 명확하게 설명합니다. '뷰포트가 상단 상태 표시줄과 하단 동작 탐색 메뉴 사이에 고정된 상태로 유지됩니다.'라고 표시됩니다. 오른쪽의 텍스트는 Chrome이 전체 화면 모드일 때 어떤 일이 일어나는지 명확하게 설명합니다. '뷰포트가 동작 탐색 메뉴로 확장됩니다.'라고 표시됩니다.
Chrome에서 전체 화면이 아닌 뷰포트와 전체 화면 뷰포트의 시각화

Android용 Chrome 135에는 스크롤할 때 자동으로 사라지는 '턱'이라는 하단 막대가 있습니다. 즉, 대부분의 경우 사이트를 개발할 때 별도로 취해야 할 조치는 없습니다. 하지만 경우에 따라 동작 탐색 메뉴가 콘텐츠를 가릴 수 있습니다.

전체 화면을 쉽게 도입할 수 있도록 이 변경사항이 웹사이트에 미치는 영향과 이 변경사항을 수용하기 위해 취할 수 있는 조치를 설명하는 가이드를 준비했습니다.

Android용 Chrome 전체 화면 이전 가이드