Skip to content

Instantly share code, notes, and snippets.

@PereiraM
Created March 23, 2015 14:13
Show Gist options
  • Select an option

  • Save PereiraM/5af76559a4e5b08093a8 to your computer and use it in GitHub Desktop.

Select an option

Save PereiraM/5af76559a4e5b08093a8 to your computer and use it in GitHub Desktop.

Revisions

  1. PereiraM created this gist Mar 23, 2015.
    99 changes: 99 additions & 0 deletions gistfile1.txt
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,99 @@
    /* iPad mini (portrait and landscape) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    }

    /* iPad 2 (portrait and landscape) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    }

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

    }

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

    }

    /* iPad 3 (landscape) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
    }

    /* iPad 3 (portrait) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

    }

    /* iPhone 4 (landscape) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

    }

    /* iPhone 4 (portrait) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

    }

    /* iPhone 5 (landscape) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

    }

    /* iPhone 5 (portrait) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {

    }

    /* iPhone 6 (landscape) ----------- */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

    }

    /* iPhone 6 (portrait) ----------- */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {

    }

    /* iPhone 6+ (landscape) ----------- */
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

    }

    /* iPhone 6+ (portrait) ----------- */
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {

    }

    /* Samsung Galaxy S3 (landscape) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

    }

    /* Samsung Galaxy S3 (portrait) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {

    }

    /* Samsung Galaxy S4 (landscape) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {

    }

    /* Samsung Galaxy S4 (portrait) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {

    }

    /* Samsung Galaxy S5 (landscape) ----------- */
    @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {

    }

    /* Samsung Galaxy S5 (portrait) ----------- */
    @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {

    }