Entrar Ainda não tem acesso?
1
resposta

Adaptar uma página para celular

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Adaptando a página inicial e atividade Introdução

por Renato Siqueira
| 34.5k xp | 4 posts
Gestor de Equipe

Boa tarde! Na parte de adaptar a página para o celular, eu escrevi corretamente o meta (), e no CSS escrevi o media (@media screen and (max-width: 480px) com todos os componentes abaixo, exatamente como mostrado no vídeo. Porém não modificou na visualização (apertando ctrl_shift_i).

Gostaria de saber qual o motivo.

Obrigado.

1 resposta
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Renato, tudo bem? Isso depende muito, pode ser cache do servidor, tente parar e subir novamente (caso esteja usando algum servidor).

Coisas que vale dar um double check:

  1. Definição da meta para aceitar responsividade
  2. Importação do arquivo .css na página.
  3. Console do navegador para verificar se não está dando nenhum erro.
  4. Inspecionar os elementos para ver se não tem nenhum regra com uma maior especificidade do que o @media

Espero ter ajudado.