7-inch-tablets CSS

7-inch-tablets.css

/* Normalize 7" tablets. */
/* Original Sass version here: https://gist.github.com/1387706 */

/* Default is 6/5 offset from a base of 16px. I find the default 3/2 on the tab to be too much. */

/* Standard 7" 1024x600 tablet -- 16px x (6/5) */
@media screen and (-webkit-device-pixel-ratio: 1) and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape), all and (-webkit-device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait) { html { font-size: 19.2px; } }

/* 1024x600 tablet with pixel ratio of 3/2 -- 16px x (2/3) x (6/5) */
@media screen and (-webkit-device-pixel-ratio: 1.5) and (device-width: 683px) and (max-device-height: 400px) and (orientation: landscape), all and (-webkit-device-pixel-ratio: 1.5) and (device-width: 400px) and (max-device-height: 683px) and (orientation: portrait) { html { font-size: 12.8px; } }