2012-12-27 39 views
1

Bootstrap css不包含在IE8及以下版本中。HTML,BOOTSTRAP CSS

我已經在我們的文件中包含引導響應css。並給出特色產品的名稱 「row-fluid」。 和特色產品中的每個包裝圖像,我給出了類名稱 「span3 prod-new featured-list」。

參見here

樣式包括但在開發人員工具沒有添加在IE8 .. 因此,圖像包裝紙被示出爲在IE8和下面版本塊級元素。 請檢查this鏈接,

回答

0

響應引導使用HTML5和CSS3 可悲的是,但是未在IE8和更低版本支持的事實。請檢查IE9中的頁面,你不會發現這種差異。你必須重寫現有的響應式CSS3來處理IE8版本。嘗試使用媒體或屏幕寬度&高度和其他屬性。

希望這有助於你理解爲什麼它不能在IE8

+0

請告訴我如何使用「媒體」或「屏幕寬度和高度」和其他屬性 – RARSA

+0

問題是,IE8永遠不會支持HTML5和CSS3,你需要調整你的CSS代碼,使其具有IE8的默認行爲瀏覽器。媒體或屏幕寬度和高度將在IE9及更高版本上運行,指定僅限@media屏幕和(最大寬度:632px)將一起忽略IE8,並僅將其應用於支持HTML5和CSS3的Android設備(也包括具有Cupcake及以下版本的Android設備不會有CSS3的行爲),所以在上面幾點使用twitter bootstrap框架時要小心 – Kumaran

1

爲了記錄在案的工作,這裏是得到與IE7和IE8響應行爲的一種方式。如上所述,問題在於這些舊版瀏覽器不支持@media請求。

解決方案是使用respond.js與較舊的IE7和IE8。

您可以通過下載respond.js,在網站上安裝它,並把爲此在你的頁面的頭部以下

<!--[if (lt IE 9) & (!IEMobile)]> 
<script src="path-to/respond.js"></script> 
<![endif]-->  

,或者您可以使用Modernizr測試如果訪問者的瀏覽器支持媒體查詢如果它不加載respond.js。 Downlod和respond.js如上保存到你的網站,該地方在你的頁面

<script> 
Modernizr.load([ 
{ 
// test if browser supports medial queries 
test : Modernizr.mq('only all'), 
// If not, load the respond.js file 
nope : 'path-to/respond.js' 
} 
]); 
</script> 

的頭下面。如果你不能得到上述任何一種方法來爲你工作,你可以嘗試使用CSS3-mediaqueries.js而不是respond.js。他們都很好。

祝你好運...這是一個有趣的網頁設計時間!