【发布时间】:2017-02-07 08:06:44
【问题描述】:
似乎我遇到了一个我无法解决的问题。我的问题是 chrome 或 mozilla 都无法呈现 CSS,并且出于某种奇怪的原因,它可以在 IE10 和 Edge 等浏览器中运行。我已经搜索了很长一段时间,但并没有变得更聪明。我对前端场景还很陌生,所以我有点无能为力。
我之前做过一些前端的东西,效果很好。但是由于某些奇怪的原因,它现在无法正常工作。我能想到的唯一大区别是我开始使用 Visual Studio Code 而不是 Sublimetext。
下面是代码。我还尝试将 CSS 文件与 index.html 文件放在同一个地图中,但没有任何进展。
- CSS 是一个扩展文件。这是我的方向的图像 - http://imgur.com/Z5eV78Y
编辑:添加了我的问题!并修复了文本。 编辑 2:由于某种原因,代码在您运行时有效。但它不会在我的浏览器或我的朋友浏览器(不同的计算机)中工作
body {
background-color: #fff5ee;
}
li {
text-decoration: none;
color: #ff6347;
list-style-type: none;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="assets/css/main.css"/>
</head>
<body>
<!-- Headers starts -->
<div id="header">
<ul id="navbar">
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</div>
</body>
</html>
【问题讨论】:
-
It seems like i got a problem that I can't solve是哪个?请解释实际问题,并可能创建一个小提琴,以便我们可以看到您的代码在运行 -
我在chrome中按CTRL + SHIFT + J 有什么错误吗?您的代码在 Chrome 中运行良好。
-
@DarrenSweeney 感谢您的提示,我更新了文本。我的问题是我的代码不是在 chrome 或 mozilla 中渲染(绘制(不确定我是否使用正确的术语))CSS,而是在 IE/edge 中执行它,当你运行它时也在这里(运行代码 sn- p 按钮)。
-
@AndrewBone 我的控制台没有错误。
-
在 Chrome 中渲染得很好,所以它可能在你的
main.css文件中;正在添加 jsfiddle.net/4rskjrze
标签: html css google-chrome firefox microsoft-edge