在不同的屏幕分辨率下運行不同的JavaScript

我想要一些下拉菜單的jQuery函數只有在屏幕尺寸小於768px的情況下才能運行，並且如果運行的是高於該值的其他下拉菜單函數，則需要運行不同的下拉菜單函數。我將如何在JavaScript中做到這一點？在不同的屏幕分辨率下運行不同的JavaScript

來源

2011-11-03 firefusion

可能重複（http://stackoverflow.com/questions/2242086/how-to-detect-the- screen-resolution-with-javascript） – Quentin

贏道具尺寸遠比屏幕分辨率重要。 – Quentin

可以使用.height()和.width()方法獲取窗口的尺寸（屏幕尺寸大多是無關緊要的，你關心你有渲染的實際空間）：

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

來源

2011-11-03 14:49:53

僅供參考，從[adapt.js]（http://adapt.960.gs/）代碼拉出了非jQuery解決方案：'var width = this.innerWidth || this.document.documentElement.clientWidth || this.document.body.clientWidth || 0;' –

這工作！最後一個問題是如何讓這個更新調整大小？ – firefusion

不要擔心找到調整大小事件：P傻我。 – firefusion

在你準備功能，您可以測試屏幕的高度和寬度是這樣的：[？如何檢測與JavaScript的屏幕分辨率]

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

的

來源

2011-11-03 14:50:31

在不同的屏幕分辨率下運行不同的JavaScript

回答

相關問題