通过下拉菜单动态控制悬停

Question

对于较大的屏幕，我希望物化菜单在 hover 上下拉，但对于较小的屏幕，只希望单击菜单项时显示该下拉菜单（.dropdown（）的默认值为{ {1}}。

我正在使用物化CSS jQuery。我尝试根据代码动态启用 hover 来检测屏幕尺寸，然后允许hover: false或不使用hover: true。这不起作用，悬停属性在所有屏幕尺寸上均有效。

hover: false

当菜单以较小的屏幕尺寸显示时，我不需要悬浮功能-仅在较大的屏幕尺寸上显示。