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. 微博2输入框一些问题2. python - 一个域名可以绑定多台服务器吗？3. mysql优化 - mysql KEY是什么键？有什么作用？4. mysql数据库做关联一般用id还是用户名5. 利用百度地图API定位及附件商家信息服务6. 请问MySQL操作权限语句，privileges关键字是什么7. python - 请问matplotlib.pyplot.save的路径如何更改8. python sqlite3 长语句插入出错9. python - 在django内如何让后台增加的文章自动加上是哪个用户编辑的呢？10. javascript - 读取页面源码，页面中所有的换行都被当成<br/>读取出来 了，，求解应该怎么让它被正确的解析
网公网安备