1
resposta

ERRO AO USAR MEDIA QUERY

gente estou tentando usar o media query em um projeto mais não funciona, tem algo errado no código?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Oi, Juliano, tudo bem ?

Peço desculpas pela demora em responder!

O problema do comando @media screen and (max-width:940px) não estar funcionando, ocorre pois esta propriedade não está relacionada com o arquivo .html.

A tag <meta> promove a responsividade das informações contidas no arquivo HTML, fazendo com que ele se adapte em diferentes dispositivos. Portanto, para que as mudanças feitas no arquivo .css, especificamente dentro do comando @media screen and (max-width:940px), possam ser identificadas é necessário usar o código:

<meta name="viewport" content="width=device-width">

Esse código precisa ser inserido no interior da tag <head> abaixo da tag <meta charset="UTF-8">.

Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição!

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software