根据屏幕分辨率运行jquery代码的正确方法

Question

我在我的网站上有一个多层次的超级菜单(使用jquery插件)，然而，当网站在移动设备上查看时，我想在菜单上运行不同的JS代码，以便有一个移动友好的选择菜单。检查要运行的代码的正确方法是什么，比如如果屏幕宽度小于768px？有没有处理这个问题的标准方法？

Answer 1

检查window.screen对象。

if( screen.width < 768 ) {
    // do some js
}

Answer 2

根据问题，您可以使用link标记中的媒体属性来更改样式和代码

有关详细解释，请参阅此处的博客。

Create-a-mobile-version-of-your-website