javascript - 在不同的屏幕分辨率下运行不同的 JavaScript

Question

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

score 8 · Accepted Answer

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

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

score 1 · Accepted Answer

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

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

2 回答 2