1

我使用 Chrome 制作了我的网页，却忘了查看我的网页在 IE 中的加载方式。当我在 IE 中打开它时，看起来浏览器甚至没有使用 css。下面是我放在<head>html 文件中的代码：

<!DOCKTYPE HTML>

 <html>

 <head>

 <title></title>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link rel=StyleSheet href="largecw.css" TYPE="text/css" media=screen/>
 <script src="largecw.js" type="text/javascript"></script>
4

5 回答 5

5

Issues 1

<!DOCKTYPE HTML>

it should be DOCTYPE

Issue 2

 <link rel=StyleSheet href="largecw.css" TYPE="text/css" media=screen/>

in this line media=screen is connected with / (media=screen/) and so it is not able to recognize media so better put it under quotes

 <link rel=StyleSheet href="largecw.css" TYPE="text/css" media="screen"/>
于 2012-12-04T12:09:05.887 回答
2

在您<link>使用未引用的属性并结合关闭/>属性值media设置为screen/. 这是一个无效的媒体查询，因此未加载 CSS 文件。始终引用属性可以防止此类错误，另请参阅https://stackoverflow.com/a/6495345/723769

要解决此问题，请引用您的所有属性或在之前添加一个额外的空格/>（或完全省略，/因为它在 HTML5 中不是必需的）。

此外，您有一个错误的文档类型，这会导致在 IE 中呈现 Quirksmode。应该是<!doctype html>。

于 2012-12-04T12:20:26.057 回答
1

试试这个代码：

<!DOCTYPE HTML>

 <html>

 <head>

 <title></title>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" href="./largecw.css" type="text/css" media="screen" />
 <script src="./largecw.js" type="text/javascript"></script>

希望有帮助。

于 2012-12-04T12:11:54.653 回答
0

你需要用 " " 包裹你的 rel="StyleSheet" 和 media="screen"

Chrome在加载头方面没有IE那么严格

于 2012-12-04T11:38:25.067 回答
0

检查指定的css文件的路径，有可能在指定的路径找不到资源。（如果你有一些单独的文件夹来保存css文件，请尝试添加其父目录）

e.g. 
  <link rel="stylesheet" href="css/largecw.css" type="text/css" media="screen"/>

再次检查路径。

于 2012-12-04T11:56:26.783 回答