1

這個問題是嚴重涉及到IE8,我明白了CSS3 @media查詢。斷html鏈接「媒體」屬性(ie8)

尋找切換樣式表基於瀏覽器的寬度,我的代碼原樣如下:

<link rel="stylesheet" type="text/css" href="small.css" media="screen and (min-width: 1000px)"> 
<link rel="stylesheet" type="text/css" href="large.css" media="screen and (min-width: 1200px)"> 

(爲簡單起見/透明度 - 樣式表只是改變框的顏色)

現在在以上每一個瀏覽器,當然除了IE8的代碼做工精細....

做一些研究,以確保它不是一個兼容性問題,我發現,IE8的確support的HTML media屬性....

問題:爲什麼這不適用於POS IE8?

回答

3

IE9之前的Internet Explorer版本不支持媒體查詢。

如果你正在尋找一種方式退化 IE8用戶的設計,你可能會發現IE的條件評論有幫助。使用這個,你可以指定一個IE 8/7/6特定的樣式表,它覆蓋了以前的規則。

例如:

<link rel="stylesheet" type="text/css" media="all" href="style.css"/> 
<!--[if lt IE 9]> 
<link rel="stylesheet" type="text/css" media="all" href="style-ie.css"/> 
<![endif]--> 

還有一個在瀏覽器中對媒體查詢支持一個JavaScript插件本身不支持它:

http://code.google.com/p/css3-mediaqueries-js/

+0

是啊,我知道他們,我真的認爲奇怪的是,IE8沒有反正檢測設備寬度... –

+1

不是很奇怪,當時這個東西並不存在。上述答案將是最好的方法。 – nykc

+0

我的意思是當你在Windows上有一個「窗口」,它具有功能或調整「當時」的大小時,你會認爲他們會創建它,或者至少增加支持,如果窗口沒有調整大小,那麼這是可以理解的只是檢測設備類型(打印,掌上電腦等)...但是,是的,我會接受他的答案來結束這個問題,謝謝你們的輸入和時間,我很感激! –