Css Responsivo
13/11/2017
0
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
Curtir tópico
+ 0
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.
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
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
Clique aqui para fazer login e interagir na Comunidade :)