gistfile1.css

/* Imagine we want to serve a the same portrait rendering for iPad and Kindle, we could do: */

@media only screen and (device-height : 1024px) and (orientation : portrait) and (min-device-width : 600px) and (max-device-width : 768px) {
	/* CSS for iPad and Kindle here (portrait) */
}


/* The following would make it easier to split the rules if needed later on (although I've grouped the common conditions here): */

@media only screen and (device-height : 1024px) and (orientation : portrait) and (
	(device-width : 600px) or
	(device-width : 768px)
) {
	/* CSS for iPad and Kindle here (portrait) */
}


/* iPad only: */

@media only screen and (device-height : 1024px) and (orientation : portrait) and (device-width : 768px) {
	/* CSS for iPad here (portrait) */
}