媒體查詢和 IE8

**** IE8 及以下版本根本不支援媒體查詢 。

基於 Javascript 的解決方法

要新增對 IE8 的支援，你可以使用多種 JS 解決方案之一。例如，可以新增 Respond 以僅使用以下程式碼新增 IE8 的媒體查詢支援：

<!--[if lt IE 9]>
<script 
   src="respond.min.js">
</script>
<![endif]-->

CSS Mediaqueries 是另一個執行相同操作的庫。將該庫新增到 HTML 中的程式碼將完全相同：

<!--[if lt IE 9]>
<script 
   src="css3-mediaqueries.js">
</script>
<![endif]-->

替代方案

如果你不喜歡基於 JS 的解決方案，你還應該考慮新增一個僅 IE <9 的樣式表，你可以在其中調整特定於 IE <9 的樣式。為此，你應該在程式碼中新增以下 HTML：

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" media="all" href="style-ielt9.css"/>
<![endif]-->

注意 ：

從技術上講，這是另一種選擇：使用 CSS 黑客攻擊 IE <9。它與 IE <9 唯一樣式表具有相同的影響，但你不需要單獨的樣式表。但是，我不推薦這個選項，因為它們會產生無效的 CSS 程式碼（這只是為什麼 CSS hacks 的使用今天通常不贊成的幾個原因之一）。