关于调整大小的Enquire.js

Question

我正在使用enquire.js，因为它是在this主题中建议的。

我无法使用媒体查询，因为：

• 媒体查询还会将滚动条计为窗口大小，而jQuery的$(window).width()不会
• 我需要将一个元素设置为窗口宽度，我不能用CSS

但是因为我使用媒体查询来处理其他内容并且滚动条宽度因平台而异，我需要找到一个允许我使用JS和模拟媒体查询的JS库。 Enquire.js做得很漂亮。我有一个问题。

1. Test case 1 (fiddle)

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

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

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

任何帮助？

Answer 1

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