Again, not sure what is is you are trying to achieve. Media Queries define CSS style sections for certain criteria only.
In the case of an iPad a Media query like this would target the iPad in Landscape mode, as well as any other device who's browser supports the media query.
@media screen and(orientation:landscape)
{
...
}
while this would target it in Portrait mode.
@media screen and(orientation:portrait)
{
...
}
its up to your CSS in those sections to adjust your website to those dimensions or present different things depending on orientation.
For instance this HTML and CSS code will show which orientation the device is in by showing and hiding a div through a media query that detects orientation.
<!DOCTYPE HTML>
<html>
<head>
<title>Mobile Device Orientation with Media Queries</title>
<style type="text/css">
div.orientl
{
background-color:#f2f2f2;
padding:10px;
font-family:Arial,"sans serif";
display:none;
}
div.orientp
{
background-color:#464646;
padding:10px;
font-family:Arial,"sans serif";
color:#ffffff;
display:none;
}
@media screen and(orientation:portrait)
{
div.orientp
{
display:block
}
div.desktop
{
display: none;
}
}
@media screen and(orientation:landscape)
{
div.orientl
{
display:block
}
div.desktop
{
display: none;
}
}
</style>
</head>
<body>
<div class="orientl">
<h1>Landscape</h1>
</div>
<div class="orientp">
<h1>Portrait</h1>
</div>
<div class="desktop">
<h1>Desktop Browser or no Orientation determined</h1>
</div>
</body>
<html>