如何根据媒体查询更改Javascript变量？

是否可以根据CSS媒体查询更改Javascript变量？例如，我在javascript中有一个名为

deviceSize

的变量，默认设置为

desktop

。我对台式平板电脑和手机有3种不同的媒体查询。如何让Javascript知道正在使用的媒体查询

我想这样做是因为我想禁用手机游戏的某些功能。我的游戏是扫雷游戏，它有三个难度等级。它以16x16网格开始，因为

deviceSize

。因此，我希望javascript根据CSS检测到的媒体查询来更改此变量。因此，我将

deviceSize

设置为mobile，并使用8x8网格启动游戏

这是我的游戏：

---

为什么不直接使用

window.innerWidth

来确定显示器的大小

---

尝试此操作以获得宽度和高度

 function getWidthAndHeight() {
      let width= window.innerWidth;
      let height= window.innerHeight;
}

---

我认为这不会涉及媒体的质疑。您应该能够向窗口中添加调整大小事件，并在调整大小时检查页面宽度以确定设备大小。您可以继续了解并不是所有媒体查询都是基于像素的。最好匹配媒体查询本身，以与CSS保持一致。OP的变量名为

deviceSize

，这表明它是他在媒体查询中查看的设备的大小。这并不能回答问题。。。正如上面的评论所指出的，还有更直接的答案。