Prepare-se para o Chrome no Android ocupar toda a tela

Bramus

Publicado em 28 de fevereiro de 2025

A exibição de borda a borda é um recurso do Android que permite que os aplicativos ocupem toda a largura e altura da tela, sendo exibidos atrás das barras de sistema do Android.

Antes do Chrome 135, o Chrome no Android não renderizava de borda a borda. No entanto, a partir do Chrome 135, o Chrome no Android pode exibir conteúdo da Web até a borda inferior do dispositivo, estendendo a janela de visualização para a área da barra de navegação por gestos.

Visualizações da viewport no Chrome no Android que não é de borda a borda (à esquerda) e no Chrome no Android que é de borda a borda (à direita). Cada visualização tem uma caixa azul que representa um elemento com tamanho de 100vh. O texto à esquerda esclarece o que acontece quando o Chrome não está de ponta a ponta. Ele diz "A viewport permanece fixada entre a barra de status de cima e a barra de navegação por gestos de baixo". O texto à direita esclarece o que acontece quando o Chrome está de ponta a ponta. Ele diz "A janela de visualização se estende até a barra de navegação por gestos".
Visualizações da viewport no Chrome que não é de borda a borda e é de borda a borda.

O Chrome 135 no Android tem uma barra inferior chamada "queixo", que desaparece automaticamente durante a rolagem. Isso significa que, na maioria dos casos, você não precisa fazer nada especial ao desenvolver seu site. No entanto, em alguns casos, o conteúdo pode ser obstruído pela barra de navegação por gestos.

Para facilitar a adoção do design de borda a borda, preparamos um guia que explica o efeito dessa mudança nos sites e o que você pode fazer para aplicá-la.

Guia de migração completa do Chrome para Android.