我可以檢測瀏覽器調整大小事件嗎？

Question

我正在創建一個簡單的4窗格對象編輯器和畫布大小是有點問題。我瞭解到，我不應該在CSS內調整畫布大小，而應該定義明確的像素寬度和高度。我一直在試圖設置所有東西，以便在瀏覽器調整大小時動態地調整大小，所以我基本上有一個5x5表，第1,3和5行作爲5px的高度，第1,3和5列有一個寬度爲5px。剩下的四個單元格都是相同的大小。

我在每個找到的表格單元格中放置了一個div，並給div使用了CSS的背景和邊框以及0px的填充。我沒有指定寬度或高度（但我也嘗試過100％）。

我在每個div中放置一個畫布，並且沒有指定尺寸，直到所有的佈局都完成。之後，我讀取了其中一個表格單元格的寬度和高度，並根據此來設置每個畫布的大小。它工作得很好，除了我在每個畫布的底部和它包含div的邊框之間有一個奇怪的3px間隔。對於表格，我已經指定了padding：0px; border-spacing：0px;和邊界崩潰：崩潰;併爲td單元格指定了padding：0px;

缺口是問題＃1。

第二個問題是，由於每個畫布都定義了寬度和高度，因此屏幕上的所有其他組件都會自動調整窗口大小，但畫布元素保持固定。我能以某種方式檢測窗口大小調整事件並重新生成畫布元素嗎？理想情況下，由於調整大小，而他們是可見的是有點慢，我想隱藏或刪除調整大小時開始和重建，並顯示它們時調整大小完成。 ???

Answer 1

$(window).resize(function() { 
    // handle accordingly 
}); 

Answer 2

嘗試resize^jQuery：

$(window).resize(function(){ 
    // regenerate canvas 
});