Test der Bildschirmbreite

nur bis 320px, tatsächlich nur bis 310, max-width: 310px

nur bis 480px,max-width: 490px

nur bis 600px,max-width: 600px

nur ab 200px,min-width: 200px

nur ab 300px,min-width: 300px

nur ab 400px,min-width: 400px

nur ab 500px,min-width: 500px

Weiterführende Informationen

siehe hierzu auch diese Seite. Dort findet man:

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */
}

Eebenfalls Informativ ist diese Website