style.css 不适用于我的网站的 webhoster 预览,但它适用于本地“离线”HTML 文件

比弗罗斯特

我目前正在我自己的网站上工作。所以我用 style.css 编写了一些 HTML。离线测试 - 一切都按预期工作,但是当我将它上传到我的网络托管服务商并预览我的网站时,只有原始 html 可见,而 style.css 中没有任何内容

我已经检查了路径并用正确的路径(从网络服务器的根目录)覆盖了它 - 它改变了一点,但仍然远离正确的外观。

我的index.html的头部(我唯一的页面)

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title> test </title>
<link rel="icon" href="img/fav.png" type="image/x-icon">

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="ionicons/css/ionicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<!-- main css -->
<link href="httpdocs/css/style.css" rel="stylesheet">


<!-- modernizr -->
<script src="js/modernizr.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

以及我的路径:

https://i.imgur.com/0YNkUrJ.png

结果是只描述了一些 html 文本,而不是 style.css 的样子

超级DJ

您应该使用httpdocs.

所以httpdocs/css/style.css改为./css/style.css.

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

document.body.style.backgroundColor不适用于外部CSS样式表

为什么Xcode的错误检查不适用于我的测试文件夹?

单独文件中的CSS不适用于index.html

img标签类不适用于对应的CSS文件

Angular的Style.css不适用于某些组件

list-style-item CSS不适用于UL

jQuery滚动不适用于我的网站

CSS不适用于HTML

为什么我的CSS样式表不适用于我的HTML文档?

CSS悬停答案不适用于我的代码

具有steps()的CSS图像精灵动画功能不适用于我的图像

我试图在我的网站animate.css中实现,它仅适用于jQuery的ready(load)事件,不适用于其他鼠标事件?

webpack配置不适用于我的scss文件:(

我的style.css适用于前端,但不适用于管理区域

为什么 uglify 不适用于我在 gulp 中的 javascript 文件

wcf https 适用于我的本地电脑,但不适用于 android

GNOME Sushi 预览不适用于视频文件

在 style.css 中更改颜色不适用于 WP 主题

为什么除了高度和宽度之外的任何 CSS 都不适用于我的 div?

为什么我的 CSS 不适用于我的所有 EJS 循环?

nth-child(even) 不适用于我的 css 选择器

Laravel img src 不适用于我的文件路径

getElementById 和 addEventListener 不适用于我的 HTML

文本文件编写器和阅读器不适用于我的 WPF

CSS 不适用于我的 HTML 文件。在 Chrome、Firefox 或 VSCode Live Server 中都没有

我的 Tkinter 文件对话框不适用于我的输入和 if 语句

当我在 nodejs 中访问 localhost/about/{randomtext} 时,CSS 文件不适用于 404 错误页面

html2canvas 适用于 jsfiddle 但不适用于我的网站

CSS 类不适用于 HTML 文件