Question

我正在开发一个在所有浏览器中运行良好的网站，但是当我在IE8中尝试它时，似乎没有应用CSS：http://www.greenbelieve.pt/pt/inicio

有没有人知道我错过了什么？

更新

我添加了以下内容：

在页面中替换

<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="js/html5shiv-printshiv.min.js"></script>
  <script src="js/respond.min.js"></script>
<![endif]-->

但是知道文字似乎很大......

Answer 1

在页面<head>

中替换它

<!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<![endif]-->

有了这个：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="js/html5shiv-printshiv.min.js"></script>
  <script src="js/respond.min.js"></script>
<![endif]-->

当然，将 html5shiv 和 Respond.js 文件导入您的项目后。

Answer 2

我注意到您网站的第一件事就是标记包含在<main>标记中，而IE8并不支持 - 正如其他人所说的那样， html5shiv 可以帮助有这个。

另见这些问题：

IE8 is adding a trailing slash to an HTML5 <main> tag

HTML5 tags in IE 8 & IE 7

CSS似乎没有在IE8中应用

2 个答案: