IE7正在掃描我CSS中的所有樣式,無論它們是否在媒體查詢中。我認爲IE7/8忽略媒體查詢。它並不是無視它們,它只是通過搶奪所有風格。很奇怪。IE7元素獲取媒體查詢
我試過搜索一個解決方案,但我能找到的方法是破解它,所以媒體查詢實際上在IE7中工作。
最好的辦法是爲不在IE7中加載的媒體查詢創建單獨的css文件嗎?
任何幫助,將不勝感激。
IE7正在掃描我CSS中的所有樣式,無論它們是否在媒體查詢中。我認爲IE7/8忽略媒體查詢。它並不是無視它們,它只是通過搶奪所有風格。很奇怪。IE7元素獲取媒體查詢
我試過搜索一個解決方案,但我能找到的方法是破解它,所以媒體查詢實際上在IE7中工作。
最好的辦法是爲不在IE7中加載的媒體查詢創建單獨的css文件嗎?
任何幫助,將不勝感激。
有JS庫,使IE支持CSS3媒體查詢:
問題是關於如何停止應用mq風格的IE 7,而不是使它們工作。作者意識到多重填充。 -1 –
我有同樣的問題。 IE7不會忽略媒體查詢,所以我想到了兩種解決方案,但我希望有一個更優雅的解決方案:
1)將所有查詢置於頁面頂部,因此最後的默認外觀優先。不幸的是,如果您根據屏幕大小覆蓋樣式,則必須將媒體查詢置於底部。
2)使用特定於IE的樣式表(在主樣式表後加載)重置IE7中的樣式。我一直在使用這種方法是從樣板取(特別是樣板主題在WordPress的位置:http://wordpress.org/extend/themes/boilerplate):
<!--[if lt IE 7 ]><html class="no-js ie ie6 lte7 lte8 lte9"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie ie7 lte7 lte8 lte9"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8 lte8 lte9"><![endif]-->
<!--[if IE 9 ]><html class="no-js ie ie9 lte9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js"><!--<![endif]-->
這使您可以針對IE瀏覽器,你可以把風格在它自己的樣式表(所以其他瀏覽器根本沒有加載它)或在正常樣式表的末尾。
html.ie7 div {}
等等
這兩種方法都非常優美......這廢話就是爲什麼我討厭IE瀏覽器。 (你相信我的網站仍然可以訪問來自IE7和IE6的用戶?對IE6用戶來說太糟糕了,但我甚至不打擾他們再次檢查它們的兼容性。)
編輯你的問題會比添加更好評論與另一個... – mipe34
您是否在怪癖模式下運行,它使用IE 7和8的組合來呈現頁面?這可能會導致問題。 – 2013-04-21 20:57:08
你能詳細說明如何/爲什麼可能導致問題? –