javascript - 想通過(guò)js判斷css的媒體查詢(xún) 出錯(cuò)
問(wèn)題描述
@media screen and (min-width: 360px) and (max-width: 375px){ .ejiao_description .form form p{margin-bottom: 11px; }}
css中媒體查詢(xún)是這么寫(xiě)的js
var screen1 = window.matchMedia(’@media (min-width: 360px) and (max-width: 375px)’); if (screen1.matches){XXXXXX..... } else{XXXX.... }
但是現(xiàn)在沒(méi)起作用 請(qǐng)問(wèn)哪里錯(cuò)了么
問(wèn)題解答
回答1：https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia
請(qǐng)看文檔
回答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><!-- 想通過(guò)js判斷css的媒體查詢(xún) 出錯(cuò) --><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)’);,沒(méi)@media
相關(guān)文章：
1. node.js - npm一直提示proxy有問(wèn)題2. docker內(nèi)創(chuàng)建jenkins訪(fǎng)問(wèn)另一個(gè)容器下的服務(wù)器問(wèn)題3. macos - MaxOS El Capitan本地Apache2.4停止服了，為什么 localhost 還可以訪(fǎng)問(wèn)It Works ？4. javascript - 解釋下這種函數(shù)定義5. HTML表單操作標(biāo)簽調(diào)用父相對(duì)URL6. nignx - docker內(nèi)nginx 80端口被占用7. docker api 開(kāi)發(fā)的端口怎么獲取？8. javascript - 在 vue里面用import引入js文件，結(jié)果為undefined9. 基于Spring MVC Java的配置無(wú)法正常工作控制臺(tái)顯示無(wú)錯(cuò)誤，但我的jsp頁(yè)面未顯示10. javascript - 如何獲取未來(lái)元素的父元素在頁(yè)面中所有相同元素中是第幾個(gè)?
網(wǎng)公網(wǎng)安備