2012-04-14 52 views
0

所以,我正在使用1140px css grid。這是一個響應式的CSS網格設計,我對它印象非常深刻。然而(什麼時候它會結束?),IE(7,8)就會關閉。作者使用css 3媒體查詢來設置低於768px的樣式。他還使用this在不受支持的瀏覽器中啓用媒體查詢。但風格從來沒有應用在IE瀏覽器(即9雖然工作正常)。CSS - 1140px網格 - IE 7,8問題 - 媒體查詢

我已經解決了一個相當醜陋的黑客來解決問題(閱讀 - 即特定的js文件來創建樣式元素時,屏幕大小低於768px)。有另一種方法嗎?

+1

Respond.js是你的唯一解決方案,就像下面的其他答案一樣,除非你想使用更像Chrome框架那樣的東西。 – 2012-04-15 05:31:43

回答

2

respond.js(https://github.com/scottjehl/Respond)獲取媒體查詢在不受支持的瀏覽器中工作。如果您使用modernizr,則包含響應。顯然不再:http://modernizr.com/news/modernizr-25/

+0

謝謝,但這仍然不能解決問題。我無法破解它。 – 2012-04-14 09:32:37

+0

你可以使用條件註釋來加載特殊的CSS,因爲只有小顯示器才需要媒體查詢 – matpol 2012-04-14 18:45:01

1

如果你在PC上運行它的文件,js文件不會做任何事情。一旦你把它放在服務器上,js就會啓動。

+0

正常的js只被瀏覽器解析,而不是服務器。因此,如果他正在使用服務器進行開發或將HTML頁面加載到瀏覽器中,則無關緊要。 – 2012-04-26 19:01:09