Tecnologia

Media Queries para sites responsivos

Media Queries servem para definir estilos no CSS, que serão aplicados de acordo com a largura do navegador, criando assim sites responsivos.



// O código abaixo irá definir os backgrounds das div’s como blue 
// sempre que a tela tiver no máximo 400px de largura, ou seja, 
// sempre que a tela for menor que 400px de largura

@media (max-width: 400px) {
	div {
		background: blue;
	}
}


Saiba mais em: https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries

2020 © B85 Tecnologia
eu@andersonbravo.com.br