Q

IE7元素獲取媒體查詢

2013-01-15 140 views 2 likes

2

IE7正在掃描我CSS中的所有樣式，無論它們是否在媒體查詢中。我認爲IE7/8忽略媒體查詢。它並不是無視它們，它只是通過搶奪所有風格。很奇怪。IE7元素獲取媒體查詢

我試過搜索一個解決方案，但我能找到的方法是破解它，所以媒體查詢實際上在IE7中工作。

最好的辦法是爲不在IE7中加載的媒體查詢創建單獨的css文件嗎？

任何幫助，將不勝感激。

2013-01-15 chicago3j

+0

編輯你的問題會比添加更好評論與另一個... – mipe34

+0

您是否在怪癖模式下運行，它使用IE 7和8的組合來呈現頁面？這可能會導致問題。 – 2013-04-21 20:57:08

+0

你能詳細說明如何/爲什麼可能導致問題？ –

A

回答

0

有JS庫，使IE支持CSS3媒體查詢：

https://github.com/scottjehl/Respond

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

2013-01-17 07:56:50 keaukraine

+0

問題是關於如何停止應用mq風格的IE 7，而不是使它們工作。作者意識到多重填充。 -1 –

0

我有同樣的問題。 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用戶來說太糟糕了，但我甚至不打擾他們再次檢查它們的兼容性。）

2013-05-03 13:38:35 CaitlinWeb

相關問題