Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

HTML e CSS

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS

por Estudante
| 142k xp | 7 posts

Deixa eu ver se entendi bem. Ao fim do curso, adaptamos nossa página da web "desktop" apenas para um conjunto de dispositivos móveis com densidade de pixels até 480? Porque quando escolhemos outros modelos de celulares na ferramenta do desenvolvedor ele fica um pouco (ou muito) desconfigurado... E mais...apenas para a posição vertical, certo? Porque quando simulamos na ferramenta do desenvolvedor a posição horizontal ele fica um pouco desconfigurado. Ou seja...teríamos de fazer algumas adaptações ainda para abarcar uma ampla gama de modelos?

1 resposta
solução!
por Laís Cavalcanti
| 2577.8k xp | 4815 posts
Instrutor

Oi, Stefano, tudo bem?

No curso, o professor criou a responsividade de uma página como forma de mostrar e ensinar como deve ser feito, ou pelo menos, uma das possibilidades. E sim, as medias queries são várias, o professor, só nos demonstrou uma possíveis larguras de telas. Eu utilizo essa base de larguras de telas para me basear:

  - 480px // Extra small screen
  - 768px // Small screen
  - 992px // Medium screen
  - 1200px // Large screen
  - 1600px // Extra Large screen
  - 1900px // Extra Large screen

Então, você pode acrescentar mais outras media queries e adaptar o layout a cada uma delas. Você não precisar fazer para todas, sendo uma pequena, uma média e uma larga, pois assim, você abarcar todos os possíveis modelos.

Qualquer dúvida, é só falar!