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 .
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 .