如何使我的Jquery脚本仅在设备是移动设备时运行

Question

我正在考虑为我的域构建一个JQuery移动应用程序。但我不知道当我通过计算机或笔记本电脑访问域名时我怎么能确保它，然后我的常规站点出现了。但是当有人通过平板电脑或手机打开网站时，我的JQuery应用会出现吗？

JQuery移动应用程序完全是一个不同的脚本。

谁能告诉我？提前谢谢。

Answer 1

您可以使用css来执行此操作：

@media (min-width: 320px) and (max-width: 568px){
    //what ever you want to hide
    body {
      display:none;
   }
}

你必须对这项工作有元标记：

<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">