0

Tenho o seguinte script CSS:

<style type="text/css">
  @media screen and (max-width: 600px) {
    .comp {
      background-color: #000000;
      display: block;
    }
  }
</style>

<div class="comp">

</div>

Funciona perfeitamente o background-color. Mas o que preciso é que a DIV COMP fique invisível quando max-width for maior que 600px; e fique visível quando max-width for menor que 600px;

1

1 Resposta 1

1
.comp {
    display: block;
}
@media screen and (min-width:600px){
    .comp {
        display:none;
    }
}

O que está acontencendo aqui é o seguinte:

  • A div terá display:block até atingir a largura mínima de 600px;
  • Quando a largura da tela for 601 ou mais, ela terá o display:none;

O mais aconselhável é você partir do principio de mobile-first e fazer as alterações somente para telas maiores.

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 .