HTML dicas de resposta completa

votos
0

Bem, eu estou aplicando a capacidade de resposta aos meus pequenos projectos para fins de aprendizagem.

Eu olhei para alguns sites gosto: w3schools-mediaquery

Descobri coisas interessantes, mas eu gostaria de saber como lidar com as várias resoluções e qual meio é mais recomendado para um site responsivo completo.

Atualmente tenho algo como:

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

basicamente, para começar com uma simples adaptação, sem muito trabalho, eu estava pensando em começar com:

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

Será que a codificação de uma interface every 50pxpode ser útil? 10 to 10, 20 to 20, 50 to 50o que seria o mais recomendado? ou há outra maneira mais útil para fazer isso?

Eu gostaria de fazer tudo manualmente, de bootstrap é uma alternativa distante.

Alguns exemplos, recomendações e correções são bem-vindos!

Agradecimentos para sua atenção.

Publicado 08/11/2018 em 00:04
fonte usuário
Em outras línguas...                            


1 respostas

votos
-1

Eu uso um único ponto de interrupção, basicamente eu estou detectando única telefones. Tanto quanto layout geral, estou usando grade CSS, pois é mais capaz. Acho que vários pontos de interrupção não é realista para manter e então eu já não consideram vistas tablet. É tanto uma visão telefone ou não uma visão telefone.

@media screen and (max-width: 767px) {

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

}
Respondeu 08/11/2018 em 00:16
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more