首頁 > web前端 > css教學 > IE8 支援現代 CSS 媒體查詢嗎?

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

Susan Sarandon
發布: 2024-12-18 14:51:09
原創
198 人瀏覽過

Does IE8 Support Modern CSS Media Queries?

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-widthmax-width 媒體查詢只是。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板