Question

我正在做一个项目，我正在使用媒体查询进行响应式设计。

我总共有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" />

Answer 1

如果这是您的实际代码，答案非常简单

http://localhost

可以在您的计算机上运行，但是当您从手机访问它时，它会尝试连接到localhost，即手机而不是计算机 - 您需要将实际的主机名或IP地址放入相反。

我没有在智能手机上得到任何CSS

1 个答案: