电脑技术>网页设计> > IE8 IE9等IE版本不支持css3 media queries的解决办法
11月07日

IE8 IE9等IE版本不支持css3 media queries的解决办法

这个问题上网上搜答案的话 网上的答案一般是这样告诉大家的:

我们需要在页面中调用css3-mediaqueries.js文件,来帮助IE8或是之前的版本支持CSS3 media queries:


代码如下:
<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->

但是很多情况下却是没有效果,对于技术不太厉害的同学来说是个难题,是设计自适应网页的一个拦路虎,毕竟电脑上IE8 等版本还是很多。

笔者最近换了一个思路来解决这个问题。自适应网页是为了在一个地址下各种屏幕 各种浏览器上都能有较好体验。IE8等版本不支持media queries怎么来解决呢?首先我们应该考虑IE8等版本几乎只存在于PC电脑上,平板 手机上一般我们看不到,既然这样针对iE8等浏览器调用pc版本的css不就可以了吗。

把下面代码加到页面的head之间。让iE9以下版本调用pc版本的样式。
<!--[if lte IE 9]> <link href="http://www.pcjsh.com/xxxx.css" rel="stylesheet" media="screen" type="text/css" /> <![endif]-->

 此方法比较适用于要求不是很高很高的普通站点。