Question

在检测移动设备和平板电脑设备时添加单独的样式表时遇到了一些问题。我目前在头文件的顶部有以下内容来检测移动设备。

<?php if(strstr(strtolower($_SERVER['HTTP_USER_AGENT']), 'mobile') || strstr(strtolower($_SERVER['HTTP_USER_AGENT']), 'mobi') || strstr(strtolower($_SERVER['HTTP_USER_AGENT']), 'android')) { $browser = 'mobile'; } ?>

但是当我在head标签中调用以下内容时，样式表不会因某种原因被调用。

<?php if($browser == 'mobile'){ ?><link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/stylesheets/mobile.css" /><?php } ?>

我已经通过添加echo 'This is a mobile browser';测试了我在这篇文章中写的第一个PHP代码，这显示正常，所以第一位正在工作。不知道为什么没有调用样式表。

以下是mobile.css中一些css样式的示例

div{
clear:both !important;
display:block !important;
width:100% !important;
float:none !important;
margin:0 !important;
padding:0 !important;
position: static !important;
}

由于

Answer 1

使用像这样多才多艺的东西：http://code.google.com/p/php-mobile-detect/
使用Firebug或类似工具查看样式表路径是否正确并由浏览器识别。

Answer 2

您没有提到使用CSS媒体查询选择CSS的问题。他们缺乏吗？

检测移动设备，然后添加单独的样式表

2 个答案: