javascript - 如何使用jQuery区分台式机浏览器尺寸为1024px和平板电脑尺寸为1024px

现在这听起来很尴尬，但是我面临的问题是，我有一些基于滚动的动画功能，适用于桌面浏览器，而其他动画则适用于平板电脑浏览器。现在，我希望这些功能在尺寸为1024px的桌面上工作。后来，我发现iPad的尺寸也为1024px，现在我不希望在iPad上以1024尺寸运行在桌面上运行的javascript动画功能，因为iPad的布局非常不同，并且动画是也不同。如何使用jquery在Desktop 1024px和iPad 1024 px之间建立区别？关于这个问题，您能给我什么建议？感谢您的回复。如果您需要模拟问题，请告诉我。对不起，英语不好。

最佳答案

如前所述，最好使用功能检测而不是使用用户代理嗅探，因此，此处最好的办法是使用Modernizer.touch，因为他们说出了为什么要重新发明Wheel的原因。因此，让我们看一下解决方案：

if(win.width >=1024 && Modernizr.touch == false) {
        /*This is for the desktop with a dimension of 1024px or above*/
        /*You can put any thing specific inside*/
}
  if(win.width == 1024 && Modernizr.touch == true) {
        /*This is for the tablet or touch interfaces with a dimension of 1024px*/
        /*You can put any thing specific inside*/
       /*there might be some mistake here but you get the idea !!*/
}

使用Modernizer JS非常简单。我希望这能回答问题，当然是我的问题，我得到了我想要的，但是可能还有一些更好的解决方案。