Skip to content

Instantly share code, notes, and snippets.

@maheshareddy

maheshareddy/gist:4aca711e47cf10a2e2d5f82d9f7db370

Forked from Mikodes/gist:be9b9ce42e46c3d4ccb6
Created October 4, 2018 05:05
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save maheshareddy/4aca711e47cf10a2e2d5f82d9f7db370 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save maheshareddy/4aca711e47cf10a2e2d5f82d9f7db370 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @Mikodes Mikodes created this gist Nov 26, 2014.
    89 changes: 89 additions & 0 deletions gistfile1.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,89 @@
    /* (320x480) iPhone (Original, 3G, 3GS) */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* insert styles here */
    }

    /* (320x480) Smartphone, Portrait */
    @media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */
    }

    /* (320x480) Smartphone, Landscape */
    @media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
    }

    /* (480x800) Android */
    @media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */
    }

    /* (640x960) iPhone 4 & 4S */
    @media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */
    }

    /* (720x1280) Galaxy Nexus, WXGA */
    @media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
    }

    /* (720x1280) Galaxy Nexus, Landscape */
    @media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* insert styles here */
    }

    /* (1024x768) iPad 1 & 2, XGA */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
    }

    /* (768x1024) iPad 1 & 2, Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */
    }

    /* (1024x768) iPad 1 & 2, Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* insert styles here */
    }

    /* (2048x1536) iPad 3 */
    @media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
    }

    /* (1280x720) Galaxy Note 2, WXGA */
    @media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
    }

    /* (1366x768) WXGA Display */
    @media screen and (max-width: 1366px) {
    /* insert styles here */
    }

    /* (1280x1024) SXGA Display */
    @media screen and (max-width: 1280px) {
    /* insert styles here */
    }

    /* (1440x900) WXGA+ Display */
    @media screen and (max-width: 1440px) {
    /* insert styles here */
    }

    /* (1680x1050) WSXGA+ Display */
    @media screen and (max-width: 1680px) {
    /* insert styles here */
    }

    /* (1920x1080) Full HD Display */
    @media screen and (max-width: 1920px) {
    /* insert styles here */
    }

    /* (1600x900) HD+ Display */
    @media screen and (max-width: 1600px) {
    /* insert styles here */
    }