CSS 在 Chrome 中不起作用，但在 IE 中起作用答案

【问题标题】：CSS not working in Chrome but works in IECSS 在 Chrome 中不起作用，但在 IE 中起作用
【发布时间】：2015-03-31 05:15:23
【问题描述】：

这是一个简单的 asp.net 网络项目。项目中有一个 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 中都表现良好。

页面检查器反映 css 文件；但 Chrome 没有。这里有几个类似的问题，但没有一个能解决我的问题，AFAIK。

【问题讨论】：

规则一直是，“如果它在 IE 中有效，但在其他浏览器中无效，则您的标记是错误的。”那里没有任何显示明显问题的内容，因此您需要创建一个 jsfiddle 或显示问题的链接。此外，标签没有右斜杠。删除它。
修复了结束斜线问题。无法使用链接，因为这只是本地链接。

标签： css asp.net google-chrome

【解决方案1】：

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

【讨论】：

就是这样。我清空了缓存，现在一切正常。谢谢！！！！！！！！！！