通过javascript matchmedia设置样式无效

各位好,， 我已尝试禁用特定设备宽度的图像，但其不起作用，代码如下： Html

Lorem ipsum dolor sit amet，圣职精英，sed do
虚拟文本

javascript

<script>
window.matchMedia( "(min-width: 20em)" and ("max-width:45em"))
.addListener( function( mm ){
if( mm.matches ){
var el= document.querySelector("#quote-one").getElementsByTagName("img")[0]
el.style.display = "none";}
} );
</script>

匹配媒体（“最小宽度：20em”）和（“最大宽度：45em”）
.addListener（函数（mm）{
如果（mm.matches）{
var el=document.querySelector（“#quote one”）.getElementsByTagName（“img”）[0]
el.style.display=“无”}
} );

---

谢谢。

您的媒体查询字符串语法不正确。字符串中的属性如下所示：

window.matchMedia("(min-width: 20em) and (max-width:45em)")

此外，请注意，此事件仅在媒体更改时触发，因此您必须执行一项操作以触发事件（可能尝试更改显示器的方向）

您可以在下面的代码段中看到正在运行的代码：

window.matchMedia（（（最小宽度：20em）和（最大宽度：45em）”）.addListener（函数（mm）{
var el=document.querySelector（“#引用一个img”）；
如果（毫米匹配）{
el.style.display=“无”；
}否则{
el.style.display=“块”；
}
});

知识是一种美德，是一种美德，是一种美德，是一种美德。
虚拟文本
媒体查询字符串的语法不正确。字符串中的属性如下所示：

window.matchMedia("(min-width: 20em) and (max-width:45em)")

此外，请注意，此事件仅在媒体更改时触发，因此您必须执行一项操作以触发事件（可能尝试更改显示器的方向）

您可以在下面的代码段中看到正在运行的代码：
window.matchMedia（（（最小宽度：20em）和（最大宽度：45em）”）.addListener（函数（mm）{
var el=document.querySelector（“#引用一个img”）；
如果（毫米匹配）{
el.style.display=“无”；
}否则{
el.style.display=“块”；
}
});

知识是一种美德，是一种美德，是一种美德，是一种美德。
虚拟文本