Enquire.js 调整大小

Question

我正在使用 enquire.js，因为它在 this 主题中得到了建议。

我不能使用媒体查询，因为：

• 媒体查询也会将滚动条计入窗口大小，而 jQuery 的 $(window).width() 则不会
• 我需要将元素设置为窗口宽度，而 CSS 无法做到这一点

但是因为我对其他内容使用媒体查询并且滚动条宽度因平台而异，所以我需要找到一个 JS 库来允许我使用 JS 并模拟媒体查询。 Enquire.js 很好地做到了这一点。不过我有一个问题。

1. Test case 1 (fiddle)

在这两种情况下，将窗口的宽度缩小到小于 480 像素。 （在我的网站上，您需要刷新页面；广告仅在刷新后调整大小）。您可能会注意到我想要做的事情：当窗口小于 480 像素时，缩略图（图像）必须放在左侧（其值是其父级的填充值）并且它必须获得窗口的宽度。

到目前为止，这在 enquire.js 中运行良好。调整窗口大小时会出现问题。如果视口变小，图像的大小不会改变，这是应该的。当然，这是非常合乎逻辑的：从 match 到 unmatch 或其他没有变化，因此不会再次调用该函数。不幸的是，这正是我所需要的。我需要在每次调整大小时再次调用该函数。

我以为这个插件上曾经有类似.listen() 的东西，但它似乎不再起作用了。

有什么帮助吗？

Answer 1

我知道这是一个较老的问题，但以防万一它可能对您或其他人有所帮助：您可以尝试https://github.com/chasingmaxwell/onresize.js。我写它就是为了这个确切的目的。不支持媒体查询，但它会在每次调整大小时调用您的函数。