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
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