iPad 与 iPhone - 调整 CSS / HTML？答案

【问题标题】：iPad vs. iPhone - Adjusting CSS / HTML?iPad 与 iPhone - 调整 CSS / HTML？
【发布时间】：2010-05-11 14:37:26
【问题描述】：

** 编辑 **

这是我用来检测它是否是移动设备的代码：

<!-- Javascript inclusion -->
<script type="text/javascript">
var isCE = navigator.appVersion.indexOf("Windows CE")>0;if (isCE){ window.location.href="http://m.mobileversionsample.com/";}
</script>
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
jQuery.preloadImages = function()
{
for(var i = 0; i<arguments.length; i++)
{
jQuery("<img>").attr("src", arguments[i]);
}
}
</script>

去了 Apple 商店，发现我的移动网站也可以在 iPad 上使用...有谁知道如何为 iPad 设置一个例外，以便它们加载普通网站而不是移动版本？

【问题讨论】：

“嗨，我是 iPad” “我是 iPhone”
您粘贴的代码不会重定向 iPhone 或 iPad，只会重定向 Windows CE 设备。如果您的 iPad 正在重定向到您的移动网站，则必须有其他代码在起作用。如果您给我们您的实际网址，也许我们可以为您提供更多帮助。

标签： iphone css xhtml ipad

【解决方案1】：

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

关于同时支持横向和纵向模式：http://www.cloudfour.com/ipad-css/

使用 Javascript 检测 iPad：http://davidwalsh.name/detect-ipad

var isiPad = navigator.userAgent.match(/iPad/i) != null; 

if(isiPad) { window.location.href="http://m.mobileversionsample.com/";}

【讨论】：

不确定这是否真的适用于我正在做的事情？我编辑了我的原始帖子以包含我用来检测它是否是移动设备的代码...
编辑了我的原始帖子以包含 JavaScript 示例。

【解决方案2】：

这在很大程度上取决于您用于检测移动浏览器的代码。您可能正在使用 User-Agent 字符串来检测诸如“MobileSafari”之类的内容 - 如果“MobileSafari”和“iPad”在 User-Agent 字符串中，只需添加一个跳过重定向的条件。

【讨论】：

谢谢，我正在编辑我的原始帖子，以便您了解我是如何检测移动网站的...
呃，那个脚本会检测 Windows CE。它永远不会重定向 iPad。 jQuery 的东西也与检测/重定向无关。
我知道，这是我的问题...如何同时重定向 ipad？
您的问题与此完全相反。您说您的网站将 iPad 重定向到移动网站，并询问“有没有人知道如何为 iPad 设置例外，以便它们加载正常网站而不是移动版本？”