html - CSS 适用于 FF 和 IE,但不适用于 Chrome

标签 html css google-chrome stylesheet font-size

我知道这可能是我遗漏的一个简单错误,但第二双眼睛会很棒。以下 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;
}

最佳答案

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

如果这不起作用,请按 F12 打开检查器,然后返回主浏览器窗口并单击并按住重新加载按钮,直到弹出子菜单。从那里选择“清空缓存和硬重新加载”。

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

关于html - CSS 适用于 FF 和 IE,但不适用于 Chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17594962/

相关文章:

html - Spring + Thymeleaf + Bootstrap

html - HTML 中的框架集菜单

css - 如何在 application.css 中正确设置 "require"? (骨架框架)

CSS block 级链接颜色覆盖 Chrome 中的默认值

json - JSON.parse()在Chrome上崩溃

javascript - 存储/检索 CSS 元素

css - 固定 div 中的图像 - 有趣的 Firefox 行为

javascript - 多个下拉菜单在 HTML 中不起作用

google-chrome - 如何防止 Service Worker 安装在浏览器(chrome)中?

javascript - HTML Canvas 线条透明度不适用于移动 Safari