2

A adequação de tela não está respondendo os atributos definidos, aparentemente parece está certo, porém a largura e altura do objeto quando a tela do browser é reduzida em (max-width:400px) não surte efeito algum, uma coisa tão simples e não consegui resolver, o que pode estar dando errado??

*{ padding:0px; margin:;}
.bl{ background-color:#F33; 
border:2px solid #000; 
margin:150px auto; 
position:relative; 
width:600px; 
height:300px;
}
@media screen and(max-width:400px){
	.bl{ width:200px; height:200px;}
}
<div class="bl"></div>

1 Resposta 1

3

Cara seu problema é com isso and( a palavra não pode ficar colada no (

Tem que ser assim com espaço

@media screen and (max-width:400px)

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .