1

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

我不能使用媒体查询,因为:

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

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

  1. 测试用例 1(小提琴)

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

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

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

有什么帮助吗?

4

1 回答 1

0

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

于 2014-04-01T19:46:11.653 回答