javascript - 想通過js判斷css的媒體查詢 出錯
問題描述
@media screen and (min-width: 360px) and (max-width: 375px){ .ejiao_description .form form p{margin-bottom: 11px; }}
css中媒體查詢是這么寫的js
var screen1 = window.matchMedia(’@media (min-width: 360px) and (max-width: 375px)’); if (screen1.matches){XXXXXX..... } else{XXXX.... }
但是現在沒起作用 請問哪里錯了么
問題解答
回答1：https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia
請看文檔
回答2：
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style>@media screen and (min-width: 360px) and (max-width: 375px){ .aa .form form p{margin-bottom: 11px; }} </style></head><body><!-- 想通過js判斷css的媒體查詢 出錯 --><p class='aa'> <p class='form'><form> <p>123123</p></form> </p></p></body><script> var screen1 = window.matchMedia(’(min-width: 360px) and (max-width: 375px)’); console.log( screen1 ); if (screen1.matches){console.log( 1 ); } else{console.log( 2 ); }</script></html>
為window.matchMedia(’(min-width: 360px) and (max-width: 375px)’);,沒@media
相關文章：
1. javascript - react+百度地圖2. html5 - iOS的webview加載出來的H5網頁，怎么修改html標簽select的樣式字體？3. vue.js - vue+webpack+vue-router 部署到nginx服務器下，非根目錄，前后端怎樣配置文件？4. javascript - 為什么當index等于5的時候，不在當前頁面跳轉到百度？不跳轉的代碼在倒數第五行5. angular.js - 關于angular react vue 我們在什么實際的開發項目中使用？如何選擇？6. 手動啟動mysql服務出錯，1067錯誤，如何解決呢?7. index.php錯誤，求指點8. 這是什么情況？？？9. 請教一條mysql的sql語句寫法；10. 跟著課件一模一樣的操作使用tp6,出現了錯誤
網公網安備