是否可以根据CSS媒体查询来更改Javascript变量?例如我在javascript中有一个名为deviceSize
的变量,默认情况下将其设置为desktop
。我对台式机平板电脑和手机有3种不同的媒体查询。如何使Javascript知道正在使用的媒体查询?
我想这样做是因为我想在移动设备中禁用游戏的某些功能。我的游戏是扫雷游戏,它具有三个难度级别。由于deviceSize
,它以16x16网格开始。因此,我希望javascript根据CSS检测到的媒体查询来更改此变量。因此,我将deviceSize
设置为移动设备并以8x8网格开始游戏。
为什么不只用window.innerWidth
确定显示尺寸?