Css Responsivo

13/11/2017

0

CSS

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

Responder

Posts

14/11/2017

Marcelo Santana

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
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar