Léxico de TI › Web › Área segura

Área segura

Web Svenska → Atualizado: 2026-09-30

A parte da tela que com certeza não fica escondida por um notch, cantos arredondados ou elementos do próprio sistema.

O conceito se tornou necessário quando as telas deixaram de ser retângulos. O iOS 11 introduziu o safeAreaLayoutGuide, e na web existem variáveis CSS correspondentes, como env(safe-area-inset-bottom). O conteúdo que precisa ser tocado fica dentro dela, enquanto os fundos podem se estender além, preenchendo a tela.

Se você ignora isso, os botões acabam sob o indicador home ou num canto arredondado, onde são difíceis de acertar. A área também varia conforme a orientação e o aparelho, então precisa ser lida em tempo de execução, e não fixada no código — um dos erros de iniciante mais comuns em layout mobile.

← Voltar ao léxico