Question

我现在在网站上工作，主页与CSS正常链接并显示正常。没有明显原因的about页面没有连接到style.css，主页有相同的标题链接，除了另外两个样式表只是为了让两个web字体工作。有人可以看看，看看有任何问题。

我已经复制了页面标题中的所有内容。

INDEX

<!DOCTYPE html>
<html>
  <head>
    <title>The Naked Radish</title>
    <meta name="description" content="The Naked Radish">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Stylesheet -->
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" media="screen">
  </head>

关于

<!DOCTYPE html>
<html>
  <head>
    <title>The Naked Radish</title>
    <meta name="description" content="The Naked Radish">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Stylesheet -->
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" media="screen">
    <link href="css/jennasue-webfont/stylesheet.css" rel="stylesheet" type="text/css" charset="utf-8" />
    <link href="css/quickendjerk-webfont/stylesheet.css" rel="stylesheet" type="text/css" charset="utf-8" />
  </head>

索引 - http://www.jordancharters.co.uk/nakedradish

关于 - http://www.jordancharters.co.uk/nakedradish/about.html

Answer 1

它...... 看起来就像你在你的页面上遇到了某种编码故障一样，这使得浏览器认为CSS的编码方式并非如此。以下是我的浏览器认为您的CSS所说的内容的简要摘录，当作为about页面的一部分加载时：

⼪⁓瑹汥⁒敳整‪⼊੡牴楣汥Ⱐ慳楤攬⁦楧畲攬⁦潯瑥爬⁨敡摥爬⁨杲潵瀬⁭敮甬⁮慶Ⱐ獥捴楯渠笊।楳灬慹㨠

这种情况有点像这样。 html的原始网络响应并没有好多少：

ÿþ<�!�D�O�C�T�Y�P�E� �h�t�m�l�>�

虽然看起来浏览器可以补偿该部分 - 但您会注意到这些垃圾字符之间存在DOCTYPE html。然后它会切换编码或中途的东西，并开始看起来完全正常。

Answer 2

这是你的样式表：它是一种不同的语言。指定以下任一项：

<强> HTML

<meta charset="utf-8">

<强> CSS

@charset "UTF-8";

enter image description here

UPDATE .. 好像您正在使用样式表的相对URL ..两个页面都在不同的文件夹中..尝试设置绝对URL？如果有效，请告诉我。

使用此：<link href="http://www.jordancharters.co.uk/nakedradish/css/style.css" rel="stylesheet" media="screen">

Answer 3

我认为它加载但是这是Unicode问题，在您的HTML中设置unicode，并使用标准Unicode再次保存CSS

CSS样式从页面中删除

3 个答案: