【发布时间】：2014-07-11 03:37:41
【问题描述】：
我正在做一个使用媒体查询进行响应式设计的项目。
我总共有 4 个媒体查询。
在计算机上，当我调整浏览器的大小时，我为所有媒体查询传递了它，它运行良好。
在智能手机上我不明白为什么，我没有得到任何 CSS。
即使我在我的样式表之外的媒体查询*{display: none;} 上，在我的智能手机上
内容出现。
您知道为什么会发生这种情况吗？
我有一个 index.php 文件，用于导入我的 css 和 js，我有一个调用我的主页的函数 HomePage()。
?php
ob_start(); session_start();
require_once('code/db.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="device-width, initial-scale=1, maximum-scale=1" />
<title>Untitled Document</title>
<link rel="icon" type="image/png" href="<?php setHome();?>/template/images/icon.png" />
<link href="<?php setHome();?>/template/css/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php setHome();?>/template/fonts/fonts.css" />
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="<?php setHome();?>/template/acc/css/jquery-ui-style.css" type="text/css" />
<script type="text/javascript" src="<?php setHome();?>/template/js/jquery.js"></script>
<script type="text/javascript" src="<?php setHome();?>/template/js/scripts.js"></script>
<?php
HomePage();
?>
我的 setHome 函数：
function setHome(){
echo 'http://localhost/website';
}
如果我像这样导入我的 css，它可以工作：
<link href="template/css/styles.css" rel="stylesheet" type="text/css" />
但是像这样不工作：（但在计算机上工作）
<link href="http://localhost/website/template/css/styles.css" rel="stylesheet" type="text/css" />
这样也行不通：（但可以在电脑上工作）
<link href="<?php setHome();?>/template/css/styles.css" rel="stylesheet" type="text/css" />
【问题讨论】：
-
你也可以分享你的 CSS 吗？
-
您几乎可以肯定需要包含相关的 CSS 以供任何人帮助
-
setHome();是做什么的？ -
我注意到引导程序
link元素不是自关闭的：>与/>。也许移动 Safari 正在打破这一点？ -
如果我从我的 style.css 中删除我所有的 css 并且只放 * { display:none; } 我在智能手机上的内容显示出来了！所以这似乎不是一个 CSS 问题
标签： php css media-queries smartphone