Abertura: Ao fazer desenvolvimento web, o problema mais problemático é definir a altura e a largura dos elementos. Hoje em dia, as telas dos computadores estão cada vez maiores, então ao definir o tamanho dos elementos, é melhor não definir um valor fixo, mas definir uma porcentagem, mas alguns elementos são inválidos. Que dor de cabeça.
Como fazer com que a altura e a largura do elemento <div> sejam iguais ao tamanho da tela da página da Web (página da tela)?
As pessoas que geralmente têm essa necessidade, na verdade, querem espalhar o <div> por toda a tela. Eu procurei em toda a Internet por esta pergunta, mas não consegui encontrar uma resposta. Tudo o que encontrei foram métodos JavaScript. De qualquer forma, existem todos os tipos de plágio na Internet e nenhum deles está certo. Não há realmente nenhuma maneira de fazê-lo apenas com CSS? CSS realmente é tão fraco?
Depois de pesquisas incansáveis, finalmente encontrei uma maneira, que é especificar a unidade do elemento como vh (altura) vw (largura) , (observe que não é px ou 100%), o código é o seguinte:
height: 100vh;
width: 100vw;Pós-escrito: Eu queria usar a função calc() , um novo recurso do CSS3, haha, mas não é necessário. Eu não queria escrever este blog antes, mas tenho medo de esquecer. Se eu esquecer no futuro, será problemático. Se eu esquecer no blog, ainda posso pesquisar. Anti-esquecimento