Chromebook HTML 查看器：CSS 不显示？

问题描述 投票：0回答：4

我有一台 Chromebook，我正在使用该应用程序：带有此应用程序的 HTML 查看器：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>

帮助？

html css chromebook
4个回答
1
投票

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

经过大量搜索，我终于遇到了这篇文章帮助我弄明白了。基本上，由于 Chromebook 文件在 Google Drive 中，我需要包含一个指向该文件的直接链接，即使我的 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=”之后的所有内容。

0
投票

从未使用过 HTML 查看器，但您确定这两个 css 文件的路径是正确的吗？

0
投票

解决方案是...

  1. 在 Chromebook 中，打开文件应用程序
  2. 找到您要查看的 index.html
  3. 双击 index.html 文件
  4. 文件将在 Chrome 浏览器中打开
  5. 复制所有本地地址，除了“index.html”
  6. 打开/编辑 index.html
  7. 将本地地址粘贴到“head”中的“link”标签中

例子：

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

希望这对以后的任何人都有帮助！

0
投票

对我来说，这发生在以前，我看到了同样的问题，但有时后来我想使用 VSCode，它奏效了！解决方案是使用 vscode 并将 html 和 css 代码放入同一个文件夹，我宁愿使用 vscode，因为当你将文件放入文件夹时它会显示那个东西！

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.