0

因此，当我想通过单击 index.html 文件直接检查我的设计时，我一直注意到它只是不会显示样式：

在此处输入图像描述

但是如果我通过 VS Code 检查它，它就会显示出来

在此处输入图像描述

这是我的html头：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>BMI careers</title>

    <link rel="stylesheet" href="/css/bootstrap.min.css">

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

    <link rel="shortcut icon" type="image/png" href="/img/logo.png">

  </head>
4

3 回答 3

2

您必须使路径相对路径，如下所示：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>BMI careers</title>
<!-- just add a '.' in front of the path -->

    <link rel="stylesheet" href="./css/bootstrap.min.css">

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

    <link rel="shortcut icon" type="image/png" href="./img/logo.png">

  </head>

这是因为 / 表示您计算机中的根目录，而 ./ 表示该文件所在的当前文件夹。

它适用于 vs 代码，因为您在本地服务器上运行它，并且根（'/'）是服务器的根而不是计算机的根。

于 2021-06-22T03:56:27.800 回答
2

尝试将第一个“/”从根部移开。我的意思是，而不是这个：

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

写这个：

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

在他们所有人中。

于 2021-06-22T04:01:57.223 回答
1

尝试使用 ./css/style.css 和 ./css/bootstrap.min.css 而不仅仅是 /

于 2021-06-22T03:56:48.790 回答