Question

我有一个Chromebook，我正在使用该应用：HTML Viewer与此应用：http://drive-html-viewer.pansy.at/

这是HTML文件：https://shiftedit.net/edit#162629/0B94fPcefbkHSXzJpNFc5cmlWMnc

CSS文件：https://shiftedit.net/edit#162629/0B94fPcefbkHSVmhVb0M5d2hrSTg https://shiftedit.net/edit#162629/0B94fPcefbkHSN2o3c1I3WTd4ZG8

并且页面显示基本的HTML格式，但是当我尝试应用CSS样式表时它不识别它？这是样式表链接代码的一部分：

<html lang="en">
<head>
<meta charset="UTF-8" /> 
<title>
    Scissors
</title> 
<link rel="stylesheet" type="text/css" href="main.css" />
<link rel="stylesheet" type="text/css" href="rps.css" />
</head>
<body>

帮助？

Answer 1

我在Chromebook中打开HTML文件时遇到了同样的问题;样式不会显示。当我从我的电脑上打开相同的文件时，样式会显示得很好。

经过大量搜索后，我终于遇到了this文章，帮助我解决了问题。基本上，由于Chromebook文件位于Google云端硬盘中，我需要包含该文件的直接链接，即使我的HTML和CSS文件存储在同一文件夹中。

无法使用Chromebook：

<link rel="stylesheet" href="style.css">

使用Chromebook：

<link rel="stylesheet" href="https://googledrive.com/host/put-the-fileID-here">

您可以通过右键点击Google云端硬盘中的文件并选择“获取链接”来获取文件ID。复制“id =”之后的所有内容。

Answer 2

从未使用过HTML Viewer，但您确定这两个css文件的路径是否正确？

Answer 3

解决方案是......

从chromebook中打开“文件应用”
找到您要查看的index.html
双击index.html文件
该文件将在Chrome浏览器中打开
复制所有本地地址，＆＃34; index.html＆＃34;
打开/修改index.html
将本地地址粘贴到＆＃34;链接＆＃34;标记在＆＃34; head＆＃34;

示例：

link rel="stylesheet" type="text/css" href="externalfile:drive-6a0d36c37ed3c1d0c03bd5ca216484a83b9d68ae/root/CodedWebsite/style.css"

希望这有助于将来的任何人！

Chromebook HTML Viewer：CSS无法显示？

3 个答案: