0

我正在开发一个在 DW 中使用流体网格的网站，当然我在 IE 兼容性方面存在问题，IE9 和 10 效果很好，但是在 IE8 和较低浏览器读取移动版本 CSS 时。我试图在 head 部分添加代码以重定向不同的版本，但仍然无法实现。

原网站是

http://thehouseofseven.com/ottima/index.html

并重定向到这个

http://thehouseofseven.com/ottima/indexie.html

我将不胜感激任何帮助。

有一个闪亮的一天

    <!doctype html>

<!--[if lte IE 8]>
<meta http-equiv="refresh" content="0;       url=http://thehouseofseven.com/ottima/indexie.html>
<![endif]-->

<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Ottima Wellness and Ingtegrative Medicine Center | North America’s premier

中西医结合中心

4

2 回答 2

2

这应该可以解决重定向问题： 

<!--[if lte IE 8]>
<script type="text/javascript">
    window.location = "http://thehouseofseven.com/ottima/indexie.html";
</script>
<![endif]-->

我相信你知道，IE<9 不做媒体查询，所以这就是问题的根源。由于您有一个面向世界其他地方的响应式站点，您可能仍然能够将 IE8 和 IE7 快速成型。

可以使用 Polyfills，这通常会使旧版本的 IE 理解媒体查询。我在Respond.js上取得了很好的成功，另一个最受欢迎的选项是css3-mediaqueries.js

我通常在页面顶部使用这样的条件注释调用 respond.js： 

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="/path-to/respond.min.js"></script>
<![endif]-->

祝你好运！

于 2013-08-04T00:09:12.710 回答
-1

我发现的解决方案之一是为 IE8 创建样式表

我添加了 .ie8 作为我班级的名称

例子：

.ie8 .gridContainer.clearfix .fluid.logo #logo {

width: 174px;

height: 76px;

}

于 2013-10-02T16:41:23.277 回答