0

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

<?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'; } ?>

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

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

我已经通过添加测试了我在这篇文章中编写的第一个 php 代码echo 'This is a mobile browser';，这显示得很好，所以第一个是工作的。只是不知道为什么不调用样式表。

这是 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;
}

谢谢

4

2 回答 2

0
  1. 使用更通用的东西，例如：http ://code.google.com/p/php-mobile-detect/
  2. 使用 Firebug 或类似工具查看样式表路径是否正确并被浏览器识别。
于 2012-12-10T12:02:02.480 回答
0

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

于 2012-12-10T12:08:30.467 回答