Question

好像我遇到了一个我无法解决的问题。我的问题是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>

Answer 1

修复是删除当前的index.html文件并从头开始创建一个新文件。不确定它是如何解决的，但它现在有效。

Css在chrome / firefox中不工作（渲染）但在IE10 / Edge

1 个答案: