我试图让我的网站具有响应式设计,但是当我将 css 文件导入到 html 它只显示一个白色的屏幕,无论是 Windows 版本的 Chrome 还是 Android 版本。 我也在通过 Chrome 通过 usb 进行调试,
这是文件:
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>
移动版本位于名为“移动”的 map 中,因此链接为
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 文件就会在 directory文件夹,一个在mobile文件夹。
最佳答案
查看 Chrome 开发者工具:https://developer.chrome.com/devtools/docs/device-mode .
它允许您直接在桌面浏览器中模拟设备。这样调试和修复问题就容易多了。
关于javascript - Android 响应式设计不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26955419/