Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] imagem no media querry

Pessoal, gostaria de saber se existe alguma forma de eu retirar uma imagem da minha página web por media querry. A situação é que eu quero, na versão mobile da minha página deixar apenas os textos e retirar a imagem que continuará quando o site for aberto via web ou por um dispositivo com tela maior.

2 respostas
solução!

Opa Lucas, tudo certo?

Você pode sim esconder uma imagem utilizar media queries. Nesse caso, é possível definir um estilo específico para a versão mobile do seu site e ocultar a imagem nesse estilo.

Utilizando a propriedade CSS "display" e definindo o valor como "none" para a imagem dentro do media query que corresponde à versão mobile, a imagem não aparecerá na tela. Por exemplo:

@media (max-width: 600px) {
  .imagem {
    display: none;
  }
}

Dessa forma, quando a largura da tela for menor ou igual a 600 pixels, a imagem será ocultada. Nos demais casos, a imagem será exibida normalmente.

Tenha um bom dia e bons estudos.

Salvou demais amigo, muito obrigado.