Media Queries For Common Screen Sizes.

CSS media queries for common screen sizes which are ignored in older browsers.


                                          /* SCREEN RULES *//*=============================================================================*/ /* MOBILE DEVICES */@media only screen and (min-device-width: 320px) {
    /* 320 */
}
 @media only screen and (min-device-width: 480px) {
    /* 480px | iPhone: Portrait */;
}
  @media only screen and (min-device-width: 640px) {
    /* 640px */
}
 @media only screen and (min-device-width: 768px) {
    /* 768px | iPad: Portrait */;
}
 /* LAPTOPS & DESKTOPS */@media only screen and (min-device-width: 800px) {
    /* 800px */
}
 @media only screen and (min-device-width: 1024px) {
    /* 1024px */
}
 @media only screen and (min-device-width: 1280px) {
    /* 1280px */
}
 @media only screen and (min-device-width: 1366px) {
    /* 1366px */
}

Favorite0