Css Responsivo

CSS

13/11/2017

Boa noite, tenho conhecimentos em html, php, js e pouco em css, e tenho uma dúvida, estou montando um sistema e queria saber se devo criar todas @media only screen and para todas as resoluções ou existe algumas principais, minha dúvida tbm é se devo repetir todo o código da de uma @media only screen ?
Mateus Reis

Mateus Reis

Curtidas 0

Respostas

Marcelo Santana

Marcelo Santana

13/11/2017

Boa tarde, Mateus.

O melhor é criar com medidas padrões, umas 5 por exemplo
Para telas de celulares: 480px, 600px, 768px, 992px, 1382px. Mas se tiver algum tamanho especifico que equipamento que não esteja legal, você pode incluir, para assim adaptar melhor.

           @media only screen and (min-width: 480px){

            }
            
             @media only screen and (min-width:600px){

            }

           /*.......... e assim sucessivamente.*/


Você não precisa repetir todo código de uma media querie. Na media querie você só irá setar o que será especifico para aquele determinada resolução.

O que for válido para todas media queries, você deixara fora das medias queries.

Espero te-lo ajudado.

Abraço
GOSTEI 0
POSTAR