Olá porque as @media não funcionam com o f12 do chrome mas funcionam redimensionando o navegador? E quando testo o site em mobile é como se estivesse no f12 tbm, simplesmente não funciona os @media, ta me dando uma frustração imensa isso.
Solucionado
Olá porque as @media não funcionam com o f12 do chrome mas funcionam redimensionando o navegador? E quando testo o site em mobile é como se estivesse no f12 tbm, simplesmente não funciona os @media, ta me dando uma frustração imensa isso.
hoje, com a Alura e o Google Gemini
Media-queries só funcionam quando o dispositivo está no tamanho especificado. Um jeito de fazer isso no inspect do chrome é acionando o toggle device toolbar (Ctrl+Shift+M). Assim você pode redimensionar o conteúdo do site livremente, inserir larguras específicas ou simular dispositivos como iPhones e Samsungs.
O botão de ativar o toggle device toolbar fica início da janela que se abre com o F12, ao lado esquerdo de Elements / Console / Sources / Etc...