treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Media Queries (800 × 480 Small Tablet ) using Responsivator

  • I am having issues trying to confine my media query to: 800 × 480 (landscape). I am using the Skeleton Framework layout.css file.

    I am checking my work in Responsivator. (http://dfcb.github.com/Responsivator) See: 800 × 480 Small Tablet (landscape)

    Here are the default media queries within layout.css /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {}

    /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {}

    /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) {}

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {}

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {}

    I have tried surfing for different media query solutions, to no evail .