如何在javascript中为style.width触发媒体查询

我正在使用jquery编写onclick事件html。 在jquery中，我设置了此事件的宽度

虽然我想要一个不同的宽度为移动网站。为此，我应该处理媒体查询。 在桌面上它是50vw，在手机上从600px触发它应该是100vw。。。 但是如何让它正常工作呢

function openMenu() {
document.getElementById("menuNav").style.width = "50vw"; 
}

function closeMenu() {
    document.getElementById("menuNav").style.width = "0vh";
}

---

在CSS中定义.open类和.closed类，您可以在其中正常使用媒体查询。然后使用JavaScript在Menuna上切换CSS类。请参阅类列表文档：

在CSS中定义.open类和.closed类，您可以在其中正常使用媒体查询。然后使用JavaScript在Menuna上切换CSS类。请参阅类列表文档：

您可以使用jQuery的方法在浏览器视口中查找窗口的宽度，并确定应使用50vw还是100vw：

function openMenu() {
    if($(window).width() > 600) {
        document.getElementById("menuNav").style.width = "50vw";
    } else {
        document.getElementById("menuNav").style.width = "100vw"; 
    }
}

您可以使用jQuery的方法在浏览器视口中查找窗口的宽度，并确定应使用50vw还是100vw：

function openMenu() {
    if($(window).width() > 600) {
        document.getElementById("menuNav").style.width = "50vw";
    } else {
        document.getElementById("menuNav").style.width = "100vw"; 
    }
}

function openMenu() {
    if($(window).width() > 600) {
        document.getElementById("menuNav").style.width = "50vw";
    } else {
        document.getElementById("menuNav").style.width = "100vw"; 
    }
}