Skip to content

Instantly share code, notes, and snippets.

@roden0
Forked from ivanmendoza/media-queries.css
Last active December 17, 2015 02:59
Show Gist options
  • Save roden0/5540148 to your computer and use it in GitHub Desktop.
Save roden0/5540148 to your computer and use it in GitHub Desktop.
/* SMARTPHONES */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
}
/* PORTRAIT TABLETS & LANDSCAPE PHONES */
@media screen and (min-width: 481px) and (max-width: 640px) {
}
/* TABLETS */
@media screen and (min-width: 641px) and (max-width: 960px){
}
/* TABLETS & DESKTOPS */
@media screen and (min-width: 961px) and (max-width: 1024px){
}
/* DESKTOPS */
@media screen and (min-width: 1025px){
}
/* HD DESKTOPS */
@media screen and (min-width: 1281px){
}
/* IPHONE4 (RETINA DISPLAY) */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment