18910140161

HTML-本地和Internet上的页面显示不同-堆栈溢出

顺晟科技

2022-10-18 14:16:26

127

当我用Chrome浏览器在本地打开index.HTML文件时,它和我编写的代码一样好。然而,当我访问网络上发布的index.HTML时,CSS被破坏了,它不起作用,我无法按下右上角的菜单。这是相同的Chrome浏览器,但为什么它出来不同?


顺晟科技:

你的问题不是很清楚(检查人们在评论中发布的链接),但听起来很可能是你没有正确加载CSS文件。这可能是因为路径错误。检查是否指定了绝对路径或相对路径(即CSS文件的路径是否以<link rel="stylesheet" type="text/css" href="../css/stylesheet.css"> 开头?)

例如:如果您有一个index.html文件,其CSS位于名为css的子目录中,则您的路径需要是

<link rel="stylesheet" type="text/css" href="css/stylesheet.css">

但是,如果您尝试从posts目录中的另一个HTML文件加载样式表,它将失败(因为css目录不在posts,以指示首先进入目录):

../

最常用的解决方案是使用绝对文件路径(以<link rel="stylesheet" type="text/css" href="../css/stylesheet.css"> 开头),如下所示:

/

但是,这需要从根目录为您的网站提供服务,这可能是也可能不是(取决于您的本地文件系统的设置方式以及您的服务器和域的远程设置方式)。

基本上,你需要为你将要面临的情况设置你的路径。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航