CSS Dimensione pixel pc, smartphone e tablet

Stato
Discussione chiusa ad ulteriori risposte.
Ciao! Personalmente uso queste dimensioni per le media queries e funzionano perfettamente, le ho prese su github.

CSS:
/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
 
  /* CSS */
 
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
 
  /* CSS */
 
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
 
  /* CSS */
 
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 
  /* CSS */
 
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
 
  /* CSS */
 
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
 
  /* CSS */
 
}

Chiaramente intende "min" per dispositivi che hanno come minimo quella risoluzione, invece "max" i dispositivi che hanno come massimo quella risoluzione.
 

WW313NET

Utente Silver
21 Novembre 2020
159
24
24
69
Ultima modifica:
Ciao a tutti, sto creando un blog da zero e sto facendo le grafiche per pc, smartphone e tablet solo che non so quanti pixel assegnare alla pagina.
Ad esempio:
CSS:
@media (max-width: 000px) {
    background: red;
}
se imposto come dimensione 2000px, tutti i pc saranno in grado di visualizzare la pagina?
Poi per telefono volevo mettere 500px e per tablet 768px, secondo voi va bene?
Chiedo perché online ho trovato veramente poco.
 
Stato
Discussione chiusa ad ulteriori risposte.