javascript - 使用 JavaScript 的响应式设计

Question

当有足够的空间可用于另一个时，我正在尝试使网格添加列。我有正确编写的代码来执行此操作；但我的问题是，我如何制作一个 JavaScript 事件来不断检查是否有足够的空间来添加一列。这在 CSS 中使用媒体查询很容易，但我继承了这段代码，在 CSS 中无法完成。因此，当用户拖动浏览器窗口边框（以使宽度变大）时，我需要一个函数，并在此函数内部进行响应检查以查看是否可以添加列。这有意义吗？如果您需要更多信息，请告诉我。首先十分感谢。

Answer 1

将事件侦听器绑定到窗口调整大小

window.onresize = function() { 
    //do your thing
}

或较新的版本（在 IE8 或更低版本中不起作用，请attachEvent改用）

window.addEventListener("resize", function() { 
    //do your thing 
})