iPad 3 and iPad 4 Media Query


Need to target the new iPad 3 or iPad 4? Here are the CSS3 Media Queries to make that happen. Include the top in your CSS file directly or use the <link> below to create a specific stylesheet just for those devices.

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2)
{
 body { background: red !important; }
}
<link type="text/css" rel="stylesheet" media="and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2)" href="/iPadRetina.css" />