none
Media Queries - Tudo junto ou arquivos separados RRS feed

  • Pergunta

  • Em se tratar de design responsivo, o q e'melhor ?

    Ter um arquivo so CSS ou varios CSS diferentes para cada media querie ?

    segunda-feira, 24 de março de 2014 18:56

Respostas

  • Recomendo fortemente que faça em arquivos separados.

    Vou responder a sua pergunta com tudo de uma vez:

    1) Faça um CSS que seja padrão, TUDO aquilo que se repete ponha nele (lembra do D.R.Y.? olha ele aqui) Ex. um botão do menu, ele pode mudar de tamanho e posição, mas em todos os seus media queries eles tem o mesmo background-color, logo, ponha ele nesse CSS padrão.

    1.1) Em sites muito grandes e complexos, não há mal algum fazer vários arquivos CSS, cada um sendo responsável por um pedaço do site, como o menu, ou rodapé, etc.

    2) O media query realmente funciona. Se você usar uma media querie pra telas pequenas (celulares.), e outra media querie para telas grandes (desktop), usando arquivos CSS separados faz com que o navegador só baixe o arquivo CSS que corresponde ao tamanho da tela correto.

    3) Por ultimo, quando você fizer uma media querie, tenha em mente que se você usar vários tamanhos de tela e não deixar BEM definido aonde começa e aonde termina cada media querie, o navegador acaba baixando todos os CSS dentro das medias queries que não foram bem definidas (ou seja, use min-width e max-width).

    • Marcado como Resposta AGA Neto segunda-feira, 28 de abril de 2014 17:45
    domingo, 27 de abril de 2014 04:37