no final do meu codigo coloquei @media screen and (max-width: 480px) { body { background: blue; font-size: 100px; } }
e quando coloco na versão mobile, na ferramenta de desenvolvedores, nada acontece, porque isso, alguem me ajuda porfavor
no final do meu codigo coloquei @media screen and (max-width: 480px) { body { background: blue; font-size: 100px; } }
e quando coloco na versão mobile, na ferramenta de desenvolvedores, nada acontece, porque isso, alguem me ajuda porfavor
Tente adicionar o código abaixo dentro da tag <head></head> do seu HTML, ela ajudará a informar ao CSS qual é a largura real do dispositivo e provavelmente irá funcionar, testei aqui e foi :)
<meta name="viewport" content="width=device-width, initial-scale=1">
