Question

我试图让我的网站有响应式设计但是当我将css文件导入到 html它只显示一个白色的屏幕，无论是在Windows版Chrome和Android版本中。此外，我正在通过Chrome进行调试，

这是文件：

HTML

<?php 
require_once ("Includes/simplecms-config.php"); 
require_once ("Includes/connectDB.php");
require_once ("Includes/session.php");
?>
<! DOCTYPE html>
<html>
<head>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="..//Styles/global-style.css"> 
<link rel="stylesheet" href="..//Styles/font-face.css">    
<link rel="stylesheet" href="..//Styles/input.css">        
<script src="..//script/main_script.js"></script>
<title></title>
</head>
<body id="fullWrapper">
    <div id="logo">the point</div>
</body>
</html>

移动版本位于名为“移动”的地图中，因此链接将是

localhost:8080/mobile/index.php

并且css文件位于

localhost:8080/styles/global-style.css

localhost:8080/styles/font-face.css

localhost:8080/styles/input.css

我试图改变css文件的位置，这样就会有一个css文件目录文件夹和一个在移动文件夹中。

Answer 1

查看Chrome开发者工具：https://developer.chrome.com/devtools/docs/device-mode。

它允许您直接在桌面浏览器中模拟设备。这样，调试和修复问题就容易得多。

Android响应式设计无效

1 个答案: