電腦技術>軟件應用> > 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.deliakolong17.com/xxxx.css" rel="stylesheet" media="screen" type="text/css" /> <![endif]-->

 此方法比較適用于要求不是很高很高的普通站點。