@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....
}但是現(xiàn)在沒起作用 請問哪裡錯了麼
3
0
0
https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia
請看文件
<!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
