Return to Snippet

Revision: 60357
at November 5, 2012 13:40 by o0110o


Initial Code
/* SCREEN RULES */
/*=============================================================================*/

/* MOBILE DEVICES */
@media only screen and (min-device-width: 320px) { /* 320 */
	}

@media only screen and (min-device-width: 480px) { /* 480px | iPhone: Portrait */
	}


@media only screen and (min-device-width: 640px) { /* 640px */
	}

@media only screen and (min-device-width: 768px) { /* 768px | iPad: Portrait */
	}

/* LAPTOPS & DESKTOPS */
@media only screen and (min-device-width: 800px) { /* 800px */
	}

@media only screen and (min-device-width: 1024px) { /* 1024px */
	}

@media only screen and (min-device-width: 1280px) { /* 1280px */
	}

@media only screen and (min-device-width: 1366px) { /* 1366px */
	}

Initial URL


Initial Description
CSS media queries for common screen sizes which are ignored in older browsers.

Initial Title
Media Queries For Common Screen Sizes.

Initial Tags
css

Initial Language
CSS