更改媒体查询

Question

我正在尝试为此脚本设置媒体查询，但是没有运气。谁能指出我正确的方向？基本上，我希望小屏幕尺寸的.style.width = 50%是100%。 ：/

function openNav() {
  document.getElementById("mySidenav").style.width = "50%";
}

function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
}

Answer 1

function openNav() {
  if (window.innerWidth < your_width)
    document.getElementById("mySidenav").style.width = "100%";
  else
    document.getElementById("mySidenav").style.width = "50%";
}

function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
}

例如...但是我会使用CSS