thomascullen/CSS-Media-Queries

A collection of CSS media queries

CSS-Media-Queries

##iPhone

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

####iPhone portrait

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
/* Styles */
}

####iPhone landscape

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
/* Styles */
}

####iPhone 5

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
/* Styles */
}

####iPhone 5 portrait

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
/* Styles */
}

####iPhone 5 landscape

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
/* Styles */
}

##iPad

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

####iPad portrait

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

####iPad landscape

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

##Kindle

####Kindle portrait

@media only screen
and (min-width: 595px)
and (max-width: 610px){
/* Styles */
}

####Kindle Landscape

@media only screen
and (min-width: 1000px)
and (max-width: 1030px){
/* Styles */
}