CSS 适用于 FF 和 IE，但不适用于 Chrome

Posted

技术标签:

【中文标题】CSS 适用于 FF 和 IE，但不适用于 Chrome【英文标题】：CSS works with FF and IE, but not Chrome 【发布时间】：2013-07-09 19:38:34 【问题描述】：

我知道这可能是我遗漏的一个简单错误，但是第二双眼睛会很棒。以下 html 和 CSS 在 Firefox 和 IE 上连接，但不在 Chrome 上。我正在用字体大小测试它。就像 Chrome 忽略了 CSS。

HTML：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Put A Title Here Later</title>
  <meta name="description" content="What is this about?">
  <meta name="author" content="My Name">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>Test</p>
</body>
</html>

CSS：

p 
    font-size: 100px;

【问题讨论】：

您在这里缺少代码。您提供的代码在所有三个浏览器中看起来都一样。另外，我不确定问题是什么。 jsfiddle.net/9TynE 不工作意味着什么？发生了什么？ chrome 会显示字体大小超过 100 吗？？？ 尝试使用 CSS 重置。但是，我认为这不是解决方案。不过，你真的应该使用一个。 我推荐 Eric Meyer 的 CSS 重置 我还建议查看normalize.css 【参考方案1】：

Chrome 喜欢缓存样式表。鉴于提供的代码，这是我认为在这里唯一会有所不同的事情。在 Chrome 中加载此页面后，尝试按 Ctr + Shift + R 进行硬重新加载。

如果这不起作用，请按 F12 打开检查器，然后返回主浏览器窗口并单击并按住重新加载按钮，直到弹出子菜单。从那里选择“Empty Cache and Hard Reload”。

另外，请确保您确实输入了此 CSS，而不是复制和粘贴它。这种情况很少见，但我看到一个复制粘贴引入的隐藏字符会导致奇怪的浏览器错误。

【讨论】：

以上是关于CSS 适用于 FF 和 IE，但不适用于 Chrome的主要内容，如果未能解决你的问题，请参考以下文章

Box-Shadow 适用于 Chrome，但不适用于 Firefox 或 IE

CSS 不适用于 IE 和 Firefox，但适用于 Chrome

CSS 过渡适用于 IE，但不适用于 Firefox、Chrome 和 Opera [重复]

为啥我的 jquery 表单验证不适用于 IE7？它适用于 FF、Opera、Safari 等

JQuery $(this).text().length 仅适用于 IE，不适用于 Chrome、IE 或 FF [重复]

CSS3 + HTML5SHIV + CSS3PIE Border-radius 不适用于 IE8，但适用于 IE7、9、10