Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Limites de media queries

Olá a todos. Eu gostaria de saber se seria má prática usar muitas media queries para deixar um elemento com uma responsividade adequada. Por exemplo um icon em svg que diminui muito rápido enquanto vai ajustando a tela para mobile e você vai ajustando o tamanho adequado com media queries.

Obrigado!

2 respostas
solução!

Oi, Ygor, tudo bem?

Acho que o ponto principal a se pensar nesse caso é a performance do seu código além da manutenção dele. Muitas linhas de código, mais trabalho, mais tempo de renderização. Acredito que o ideal é pensar em breakpoints que são comuns aos devices, então, pensar em tamanhos de telas e trabalhar as medias queries em cima dessa base, seja para monitores ultra wide, como para telas de celulares. Então, você pode pensar em algo do tipo:

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

Para contemplar os vários tamanhos de tela.

Se ficou alguma dúvida, é só falar!

Excelente, Laís.

Obrigado!