2012-08-29 167 views
1

我在項目上使用respond.js並使用兩個媒體查詢併成功。IE 8忽略媒體查詢,但最大寬度媒體查詢工作

這一個:@media唯一的屏幕和(最大寬度:399px){規則...} - 完美地工作。

這一個:@media print {rules ...} - 根本不起作用。

兩個媒體查詢都在相同的整體樣式表(使用樣板)。我不明白爲什麼IE會忽略一個而不是另一個。

任何意見將不勝感激。其他瀏覽器(Firefox,Safari,Chrome)無任何問題。

+0

多麼奇怪。 IE8根本不支持CSS3媒體查詢,因此只有'@media print'不使用新的語法,應該可以工作,而不是第一個。 – BoltClock

+0

感謝評論 - 它看起來好像我們在打印樣式表中發現的大部分明顯可見的更改都附加到html5元素,這就是我們遇到問題的原因。令人沮喪! – someoneinomaha

回答

2

我碰到這篇文章今天早上來了 - 不知道我怎麼錯過了它,當我以前搜索:

Internet Explorer 8 won't modify HTML5 tags in print stylesheet

我有是有關使用HTML5的標籤,因爲這些人的要素的問題我試圖修改。我在頁面上使用了Modernizr,但是我們使用的版本沒有包含html5shiv/printshiv我想我們在試圖打印瀏覽器時忽略了打印樣式表中引用的其他html5標籤。

爲IE添加html5shiv/printshiv庫解決了我的問題。