如何在 Internet Explorer 8 中實作 CSS 媒體查詢？

IE8 對 CSS 媒體查詢的支援

Internet Explorer 8 本身不支援 CSS 媒體查詢，包括提供的：

@import url("desktop.css") screen and (min-width: 768px);

實現目標的替代方法效果

在 IE8 中實現媒體查詢功能的另一種方法是使用模擬媒體查詢的 JavaScript 函式庫。兩個流行的選項是：

• css3-mediaqueries-js:此腳本模擬媒體查詢，但不支援 @imported 樣式表。
• Respond.js:這個簡化的腳本支援最小寬度和最大寬度媒體

提供的程式碼存在問題

提供的程式碼包含以下問題：

@import url("desktop.css") screen; 
@import url("ipad.css") only screen and (device-width:768px);

• 第一個@import 規則不指定媒體查詢，並且將始終套用。
• 第二個 @import規則包含拼字錯誤（「device-width」而不是「max-width」）。

為了解決這些問題，建議使用 JavaScript 函式庫的替代方法來實作 IE8 中的媒體查詢功能。

以上是如何在 Internet Explorer 8 中實作 CSS 媒體查詢？的詳細內容。更多資訊請關注PHP中文網其他相關文章！