使用CSS检测不同的设备平台
我想说的是，我在这里阅读并尝试了多种说明：
我想让我的页面根据所使用的设备使用不同的CSS文件。我已经看到了许多解决方案，都使用了上述某种形式。
但是，在HTC Desire上进行测试时，我始终可以得到iPad专用的输出或完全未过滤的输出。目前，我的测试代码基于：
http://www.cloudfour.com/ipad-css/
这是我的HTML文件：
<html>
<head>
<title>orientation and device detection in css3</title>
<link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:landscape)" href="iphone-landscape.css" />
<link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:portrait)" href="iphone-portrait.css" />
<link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape)" href="ipad-landscape.css" />
<link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)" href="ipad-portrait.css" />
<link rel="stylesheet" media="all and (device-width: 480px) and (device-height: 800px) and (orientation:landscape)" href="htcdesire-landscape.css" />
<link rel="stylesheet" media="all and (device-width: 480px) and (device-height: 800px) and (orientation:portrait)" href="htcdesire-portrait.css" />
<link rel="stylesheet" media="all and (min-device-width: 1025px)" href="desktop.css" />
</head>
<body>
<div id="iphonelandscape">iphone landscape</div>
<div id="iphoneportrait">iphone portrait</div>
<div id="ipadlandscape">ipad landscape</div>
<div id="ipadportrait">ipad portrait</div>
<div id="htcdesirelandscape">htc desire landscape</div>
<div id="htcdesireportrait">htc desire portrait</div>
<div id="desktop">desktop</div>
</body>
</html>
这是iPad的Landscape CSS文件（我在这里只提供它们，因为它们基本上是相同的：
div
{
display: none;
}
#ipadlandscape
{
display: inline;
}
我想知道要对link元素进行哪些修改，以确保ipad仅获得其样式表，iphone得到其自身的样式，并且（在这种情况下）htc愿望（或相同的分辨率/纵横比设备）获得该样式表。
问题答案：
好吧，经过一些（更多）玩弄并添加了一些JavaScript，我得到了解决方案-droid设备未使用我认为是的分辨率：
<html>
<head>
<title>orientation and device detection in css3</title>
<link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:portrait)" href="iphone-portrait.css" />
<link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:landscape)" href="iphone-landscape.css" />
<link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)" href="ipad-portrait.css" />
<link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape)" href="ipad-landscape.css" />
<link rel="stylesheet" media="all and (device-width: 800px) and (device-height: 1184px) and (orientation:portrait)" href="htcdesire-portrait.css" />
<link rel="stylesheet" media="all and (device-width: 800px) and (device-height: 390px) and (orientation:landscape)" href="htcdesire-landscape.css" />
<link rel="stylesheet" media="all and (min-device-width: 1025px)" href="desktop.css" />
</head>
<body>
<div id="iphonelandscape">iphone landscape</div>
<div id="iphoneportrait">iphone portrait</div>
<div id="ipadlandscape">ipad landscape</div>
<div id="ipadportrait">ipad portrait</div>
<div id="htcdesirelandscape">htc desire landscape</div>
<div id="htcdesireportrait">htc desire portrait</div>
<div id="desktop">desktop</div>
<script type="text/javascript">
function res() { document.write(screen.width + ', ' + screen.height); }
res();
</script>
</body>
</html>
-
我的目标是有一个移动网站(手机和平板电脑)和一个响应桌面网站，建立在Wordpress上。我想最简单的方法来实现傻瓜证明设备检测。 移动网站将会有很多只对触摸设备有益的功能，并将为手机和平板电脑定制设计。桌面网站将完全不同(有相同的页面，但有额外的内容),并将充分响应，以防任何设备逃过检测。 我有一个可以检测触摸设备并重定向到另一个页面的衬里，但它似乎太简单了，不是一个简单的设备检测方法。这是多么
-
问题内容： 在JavaScript中，可以使用以下方式检测方向模式： 但是，有没有办法仅使用CSS来检测方向？ 例如。就像是： 问题答案： 用于检测屏幕方向的CSS： 媒体查询的CSS定义位于
-
问题内容： 在Javascript / jQuery中，如何检测客户端设备是否有鼠标？ 我有一个网站，当用户将鼠标悬停在某个项目上时，该网站会在信息面板上向上滑动。我正在使用jQuery.hoverIntent来检测悬停，但这显然不适用于iPhone/ iPad / Android等触摸屏设备。因此，在这些设备上，我想还原为点按以显示信息面板。 问题答案： +1，两者兼而有之。另一种方法是使用CS
-
有没有一种方法可以检测我周围的所有Wifi设备，并从android设备获取信号强度。 为了实验性使用，我想在某些Android设备上运行应用程序。该应用程序应记录每部手机与其他手机之间的信号强度。我希望“连接”直接在手机之间，而不使用外部路由器。我相信这是可能的，因为Android手机具有作为Wifi路由器的功能，因此可能会被其他设备检测到。但我不知道如何以编程方式解决这个问题。 有人能帮忙吗？你
-
问题内容： 谁能帮我这个。 我想检测Iphone，BB，andriod等设备以及浏览器，以应用其特定的CSS使其液化或调整其分辨率。 在移动浏览器上，andriod和Iphone是否存在分辨率差异问题或CSS问题，因为我计划为这2个用户使用相同的CSS，因为我知道它们默认使用相同的浏览器浏览器。 问题答案： 尝试使用并检查字段。当然，只有在php.ini中设置了路径时，它才可能有所帮助。如果没有，
-
在android中是否有区分不同类型的音频设备？例如，我从不同的制造商获得了音频设备类型A和音频设备类型B，这两种设备都使用音频插孔。每当用户插入音频设备类型A或类型B时，我想知道设备ID或名称、类型。我可以使用BroadcastRecencer检测音频设备的插入/输出。但无法获取设备ID或名称或类型。场景是：当音频设备类型A连接时，开启服务A，当音频设备类型B连接时，开启服务B。