Media Queries

25 de dezembro de 2015

Então, estava toda feliz com o design que eu pensei pra um site que eu tô criando quando lembrei que o mobile existe.

Pesquisando, cheguei até as media queries. Dei uma olhada bem por cima e tal.

Minha dúvida:

Eu uso media query para descobrir o tipo de aparelho, resolução. etc. Até aí ok.

Aí eu devo ter um código para cada tipo de dispositivo? Ou eu só crio uma "base" e defino as mudanças que ocorrerão nos elementos?

Como eu planejo isso? Começo pensando como será o design em cada dispositivo e depois escrevo o código de cada uma? Isso porque eu gostaria de manter o design que eu criei pra desktop, mesmo que ficasse diferente pra mobile.

`Posso continuar o projeto do jeito que está e depois só fazer as alterações?

Obrigada.

DiF · 25 de dezembro de 2015

@nanquinote A melhor maneira é começar sempre desenvolvendo o design para o dispositivo móvel.. e depois adapta-lo ao desktop.

Mas resumindo a sua pergunta, quando você cria a media querie, você coloca o código ali dentro mesmo.. ele age como uma condicional... como um switch-case do php.. para cada resolução um código diferente.. e detalhe assim você pode usar os mesmos nomes de id e classes...