【发布时间】：2017-10-28 09:01:12
【问题描述】：
我不确定这是一个需要编码解决方案还是只是理论解释的问题，但这里是……
我有一个链接多个样式表 + 字体的 HTML 文件：
<head>
<meta charset="UTF-8">
<title>T6</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="parallax.css" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="annex.css" type="text/css">
</head>
CSS 文件与 index.html 位于同一文件夹中（在 Dropbox 上）。它们在我桌面上的 Chrome 和 Edge 以及通过 Chrome 的开发工具（完整的响应功能）的设备模拟选项上看起来都很好。因此，一切都可以在桌面浏览器甚至模拟移动设备的浏览器上运行。这是后者的截图：
但是当我在我的 Android Chrome 浏览器（Nexus 6P；一切都已更新）上打开文件时，我得到了这个：
从视觉的角度来看，很明显 CSS 根本没有被识别（但它确实识别了 Font Awesome 图标）。这是我的设备的问题，我在 index.html 上引用 CSS 文件的方式，还是其他问题？
我的所有文件（图像、本地 CSS）都使用 Dropbox 存储在同一个文件夹中，并且所有引用都可以在桌面上正常工作。当我使用手机时，我会打开 Dropbox，找到我的 index.html 文件，然后使用 Chrome 打开它。我没有在其他移动设备上测试过。
我确实尝试过我的 index.html 引用其 CSS 文件的方式，并将我的所有 CSS（字体和图标除外）放在一个标签中似乎有效。这确实使 index.html 变得混乱，所以我想知道这是否是解决此问题的唯一解决方案。我还没有尝试过@import，但这显然是不好的做法......（？）
【问题讨论】：
标签： android html css google-chrome mobile-website