javascript - Android 响应式设计不起作用

标签 javascript android html css

我试图让我的网站具有响应式设计,但是当我将 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/

相关文章:

Android Studio - transformClassesWithMultidexlistForDebug 错误

javascript - Angular 在 60 多分钟内解决路由问题

javascript - D3 折线图 y 轴被裁剪

javascript - 重用代码来淡入淡出元素,这样我就不必重复我的代码

html - libxml2 HTML block 解析

javascript - BigVideo.js 播放结束时 URL 重定向

javascript - 如何修复 CodeMirror 中的输入问题

javascript - 通过多个函数返回 boolean 值

java - 将微调器选择保存到共享首选项

android - YouTube 视频未在 webView 中打开