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

问题描述 投票:0回答:1

是否可以根据CSS媒体查询来更改Javascript变量?例如我在javascript中有一个名为deviceSize的变量,默认情况下将其设置为desktop。我对台式机平板电脑和手机有3种不同的媒体查询。如何使Javascript知道正在使用的媒体查询?

我想这样做是因为我想在移动设备中禁用游戏的某些功能。我的游戏是扫雷游戏,它具有三个难度级别。由于deviceSize,它以16x16网格开始。因此,我希望javascript根据CSS检测到的媒体查询来更改此变量。因此,我将deviceSize设置为移动设备并以8x8网格开始游戏。

这是我的游戏:https://github.com/sacredcandies/minesweeper

javascript css
1个回答
0
投票

为什么不只用window.innerWidth确定显示尺寸?

https://www.w3schools.com/jsref/prop_win_innerheight.asp

© www.soinside.com 2019 - 2024. All rights reserved.