Media Queries

mediaqueries.css

@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 600px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1382px) {
}
/* landscape ipad tablet */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
}
/* iPhone 4, 4S Retina landscape */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}
/* Standing retina screen */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 600px){
}