Question

我知道这类问题已被问过1000次，有99％的时间有人匆匆赶来并提供媒体查询作为解决方案。它不再是最佳答案。

情况：我在网页上有背景视频 - 无法在移动设备上呈现，因此我想使用代理检测移动设备，只需将css页面交换为适合移动设备的版本。

请不要发布媒体查询作为解决方案，因为我的手机是800x1200而我的平板电脑是1900x1200，超过我的桌面：1600x900因此媒体查询无效。

希望有人可以使用代理发布整个解决方案并插入css引用的位置，因为我不想搞砸了......

我目前正在使用重定向到单独移动页面的代理，但这意味着维护2页而不是使用剥离css。（1页和2个css文件）

我认为很多人会发现这个答案很有帮助，因为很多这个问题没有答案。谢谢.. PS - 请详细说明我是菜鸟。感谢

Answer 1

如果您使用下面代码中的http://code.google.com/p/php-mobile-detect/内容，则可以使用。

<?php
include 'Mobile_Detect.php';
$detect = new Mobile_Detect;

if ($detect->isMobile()) 
{
?>
<link rel="stylesheet" type="text/css" href="mobile.css">
<?php
}
else
{
?>
 <link rel="stylesheet" type="text/css" href="noneMobile.css">
<?php
}
?>

非常简单的示例，但在您的情况下会有效。您可以使用$ ddetect-＆gt; isTablet（）等详细了解更多详细信息，此处完整列表http://code.google.com/p/php-mobile-detect/wiki/Mobile_Detect

为移动设备分别设置css样式表，为桌面设置另一个样式表 - 没有媒体查询

1 个答案: