CODEWITHSUNDEEP
htmlcssgoogle-chromestylesheetfont-size
YepNamesJames
YepNamesJames

Reputation: 291

CSS works with FF and IE, but not Chrome

I know this is probably one simple mistake I'm missing, but a second set of eyes would be great. The following HTML and CSS is connecting on Firefox and IE, but not Chrome. I'm testing it with the font size. It is like Chrome is ignoring the 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;
}

Upvotes: 3

Views: 155

Answers (1)

meobyte
meobyte

Reputation: 1320

Chrome likes to cache stylesheets. That's the only thing I think would be different here given the code provided. When you have this page loaded in Chrome, try pressing Ctr + Shift + R for a hard reload.

If that doesn't work, press F12 to open the inspector, then go back to your main browser window and click and hold the reload button until a sub menu pops up. From there select "Empty Cache and Hard Reload".

Also, be sure that you have actually typed this CSS and not copy and pasted it. It's rare, but I have seen a copy-and-paste introduce hidden characters that caused strange browser errors.

Upvotes: 2

Related Questions