javascript - 更改媒体查询

Question

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

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

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

标签： javascript

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