jQuery的重載瀏覽器窗口寬度

我使用這段代碼成功：jQuery的重載瀏覽器窗口寬度

$(window).bind('resize',function() { 
    window.location.href = window.location.href; 
});

但我的問題是，我只是想要重新加載/ 320像素和480像素之間的比例時刷新窗口。例如，如果我在480像素和960像素之間調整大小，我不需要重新加載窗口，所以我需要找到一種方法將其限制爲< = 480px。

任何幫助將不勝感激。

感謝，

編輯下面

針對Kolink：

好了，所以我有點懂了工作使用這樣的：

$(window).bind('resize',function() { 

    var winWidth = $(window).width(); 

    if (winWidth < 480) { 

     window.location.href = window.location.href; 

    } 
    else { 
     // nothing 
    } 

});

問題是現在，它不斷在iphone上重新加載。如果我從iphone上的肖像轉到橫向，它只是一遍又一遍地重新加載。有什麼建議麼？

來源

2012-06-17 beefchimi

在調整大小後重新加載的頁面會帶來可怕的用戶體驗 - 在我看來。使用諸如zurb基礎或twitter引導程序之類的響應式佈局怎麼樣？ – house9

我同意重新調整大小後，但我沒有看到任何其他解決方案，我的問題。我的網站是響應式的，它使用jQuery Masonry。基本上，對於320px的用戶，我的columnWidth需要160px，其中上面的所有內容都是240px。我已經解決了改變列的寬度，但問題是，這不會得到更新，直到窗口重新加載...所以這就是爲什麼我想弄清這個調整大小功能。我的columnWidth行如下所示：columnWidth：$（window）.width（）> 480？ 240：160 – beefchimi

只需使用簡單的if語句，檢查窗口的大小，並且只在需要時重新加載。

來源

2012-06-17 21:29:06

jQuery的重載瀏覽器窗口寬度

回答

相關問題