IE8 支援現代 CSS 媒體查詢嗎？

IE8 相容於 CSS 媒體查詢

問題：IE8 不支援以下 CSS 媒體查詢嗎？

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

答案： IE8 不支援給定的媒體查詢。另一種與 IE8 相容的編寫方式是：

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

注意： 此更新的程式碼使用巢狀的 @import 語句。但是，@import 會影響效能，不建議用於生產用途。考慮使用媒體查詢 Polyfill。

CSS3 媒體查詢 Polyfill：

要支援 IE8 及更早版本瀏覽器中的媒體查詢，您可以使用 JavaScript Polyfill，例如：

• css3-mediaqueries-js:模擬媒體查詢，但不適用於匯入的樣式表。
• Respond.js: 啟用 min-width 和 max-width 媒體查詢只是。

以上是IE8 支援現代 CSS 媒體查詢嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！