以不同的屏幕分辨率运行不同的JavaScript

Question

我希望下拉菜单中的一些jQuery函数仅在屏幕大小低于768px时运行，并且如果高于该值则运行不同的下拉菜单功能。我将如何在JavaScript中执行此操作？

Answer 1

您可以使用.height()和.width()方法获取窗口的大小（屏幕大小几乎不相关，您关心渲染的实际空间）：

if( $(window).width() > 768 ) {
    // Large menu
} else {
    // Small menu
}

Answer 2

在准备好的功能中，您可以像这样测试屏幕高度和宽度：

if (screen.width<=768) 
{
//Do this
}
else