Question

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

<!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>

Answer 1

问题 1

<!DOCKTYPE HTML>

它应该是DOCTYPE

发出 2

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

此行 media = screen 与 / （ media = screen / ）相关联，因此无法识别媒体最好把它放在引号下

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

Answer 2

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

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

此外，您的文档类型有问题，导致IE中的Quirksmode呈现。它应该是<!doctype html>。

Answer 3

请尝试使用此代码：

<!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>

希望有所帮助。

Answer 4

你需要“”缠绕你的rel =“StyleSheet”和media =“screen”

在加载头

时，Chrome并不像IE那么严格

Answer 5

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

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

再次检查路径。

Internet Explorer无法识别css

5 个答案: