CSS 在 Chrome 中不工作，但在 IE 中工作

Question

这是一个简单的 asp.net web 元素。元素中有一个 Styles 文件夹，该文件夹中有四个 css 文件，它们都很简单。 Main.css 有这个:

body {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 85%;
width: 700px;
height: 900px;
margin: 0px auto 0px auto;
padding: 10px;
border: 2px;
background-color: green;
}

绿色(原本是白色)在 IE 中显示，但在 Chrome 中不显示。我在 ASPX 文件中引用了 css 文件:

<link href="Styles/CheckOut.css" rel="Stylesheet" type="text/css"/>
<link href="Styles/Main.css" rel="Stylesheet" type="text/css" />

果岭只是一次测试。我对 css 文件进行了其他更改，但没有显示在 Chrome 中。除了 css 问题外，该应用在 Chrome 和 IE 中均表现良好。

Page Inspector 反射(reflect)了 css 文件；但 Chrome 没有。这里有几个看似相似的问题，但都没有解决我的问题，AFAIK。

Answer 1

当您在 Chrome 中刷新页面时，您是否打开了开发工具？如果这样做，是否选中了“禁用缓存(当 DevTools 打开时)”？我发现 Chrome 在缓存内容方面非常积极，所以如果您没有看到您的更改，这可能需要调查一下。 (您可以通过在 Windows 上按 F12 或在 Mac 上按 option-command-I 并单击小部件滚轮来验证该复选框是否被标记。这是“常规”下的第一个复选框。)