-3

我知道这种类型的问题已经被问了 1000 次，而且 99% 的时间有人会匆匆忙忙地给出媒体查询作为解决方案。它不再是最佳答案。

情况：我在网页的背景中有视频 - 不会在移动设备上呈现，所以我想使用代理来检测移动设备并将 css 页面交换为移动设备友好版本。

请不要发布媒体查询作为解决方案，因为我的手机是 800x1200 而我的平板电脑是 1900x1200，比我的桌面：1600x900 大，所以媒体查​​询不起作用。

希望有人可以与代理一起发布整个解决方案并插入 css 参考所在的位置，因为我不想把它搞砸..

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

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

4

2 回答 2

0

如果您使用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->isTablet() 等进行更详细的介绍，完整列表在这里http://code.google.com/p/php-mobile-detect/wiki/Mobile_Detect

于 2013-11-12T18:05:24.107 回答
0

直接无视这个问题，我要说的是，截至 21 年 10 月 12 日，媒体查询绝对是一种选择，因为在大多数情况下它们都会起作用。

如果您希望以page width为目标，您将使用以下内容。这是一个快速解决方案，很可能是 OP 提出问题的主要原因，因为它没有解决某些设备具有桌面共享的分辨率、在桌面上产生移动体验的事实，反之亦然。

@media (max-width:400px)

为了避免这种情况，您希望使用以下命令来检查设备宽度：

@media (max-device-width: 400px)

这涉及 DISPLAY 大小，而不是网页大小。它并不完美，但结合设备高度和特定于供应商的查询，您可以使用 CSS 修复大多数情况。好处是您可以保持网页优化，而无需额外的 JavaScript 或 PHP，或任何其他额外的 Web 技术，对于边缘情况，您可以使用此处提供的选项。

于 2021-10-12T19:53:32.923 回答