HTML Como mudar o código no desktop e no mobile?

[Eduardo de Quadros]

No desktop eu quero input size 50 e no mobile eu quero input size 80.

[DiF]

@EduardoMQS Use o media querie do CSS para definir as regras que você quer de acordo com a resolução.

 

/*para celulares na vertical*/
@media only screen and (max-width: 600px) {
  input{
     width: 80px;
   }
}

/*para resoluçoões maiores*/
@media only screen and (min-width: 1200px) {
   input{
     width: 50px;
   }
}

 

[João Vitor Sacramento Rocha]

10 horas atrás, DiF disse:

@EduardoMQS Use o media querie do CSS para definir as regras que você quer de acordo com a resolução.

 

/*para celulares na vertical*/
@media only screen and (max-width: 600px) {
  input{
     width: 80px;
   }
}

/*para resoluçoões maiores*/
@media only screen and (min-width: 1200px) {
   input{
     width: 50px;
   }
}

 

para mobie e 480px tela normal aparti de 720 tablet entre um e outro

[DiF]

@João Vitor Sacramento Rocha Pode usar qualquer resolução e inclusive já até existe um modelo pronto no github. 

 

Meu intuito ali era só exemplificar o uso do recurso. O comentario ali ta errado, era para ser celulares e/ou tablets na horizontal rsrs

Enfim, dê uma olhada no modelo que postei acima, é um dos mais completos que já encontrei.