Asp.net 使用适用于Ipad的新css将网站定向到Ipad

我有一个有两个css的网站，第一个是在桌面屏幕上查看该网站，第二个是在Ipad屏幕上查看该网站，知道它们有相同的HTML代码，，
我的问题：是否有代码可以检测Ipad并强制获取适合它的css文件

thxx

编辑部分：
亲爱的thxxx想知道答案，但是css效果不再出现，我想我的代码错了，我所做的是：

在主页的页眉处，我添加了以下行：

<meta name="viewport" content="width=980" /><br/>
<link href="css/site.css" rel="stylesheet" type="text/css">

---

但这不起作用。。。你能帮忙吗

您可以使用媒体查询进行查询。只需在iPad文件顶部以及与该设备相关的所有样式中添加以下CSS代码：

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Put your iPad styles here (this covers portrait and landscape modes) */
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Put your iPad styles here (this covers landscape mode)*/
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Put your iPad styles here (this covers portrait mode)*/
}

---

媒体查询所做的是检查设备的宽度，以确定它是iPhone、iPad还是任何其他移动设备。要了解更多信息，只需谷歌“媒体查询”。

最好的方式是媒体查询：

---

或者使用JS或PHP检测用户代理。

使用媒体查询确定屏幕大小

电话和iPod touch：

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="../iphone.css" type="text/css" />

iPhone 4和iPod touch 4G：

<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />

iPad：

---

我在asp.net解决方案的

区域添加了这行代码：

   <% if (Request.UserAgent.ToLower().Contains("ipad"))
    { %>
    <link rel="stylesheet" type="text/css" href="css/siteIpad.css" />

    <% } %>

---

很好，，，，，，

您是否尝试过使用css@media并已将其添加到页眉中，但没有尝试过媒体查询Kev和ricardohdz的解决方案都是有效的-使用媒体查询而不是用户代理字符串的一个巨大优势是，这些样式可以由具有相同或类似分辨率的Android或Windows 8平板电脑使用。为了最有效地实现这一点，尽可能使用带有相对单位（如百分比）的灵活布局。我总是觉得人们谈论支持iPad、iPhone等是错误的，而正确的方法是研究如何支持不同的屏幕尺寸。亲爱的thxxx，答案是css效果不再出现，我想我的代码错了，我所做的是：在主页的标题处添加这些行：尝试缩小屏幕上的视口。通过调整窗口大小来实现这一点，并查看出现的样式。thxxx获取答案，但css效果不再出现我不知道为什么！！，，

<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" />

   <% if (Request.UserAgent.ToLower().Contains("ipad"))
    { %>
    <link rel="stylesheet" type="text/css" href="css/siteIpad.css" />

    <% } %>