我使用 enquire.js 是因为在本主题中建议使用它。
我不能使用媒体查询,因为:
- 媒体查询也将滚动条计入窗口大小,而 jQuery
$(window).width()
不计算 - 我需要将一个元素设置为窗口宽度,而 CSS 无法做到这一点
但是因为我对其他内容使用媒体查询并且滚动条宽度因平台而异,所以我需要找到一个 JS 库来允许我使用 JS 并模拟媒体查询。Enquire.js 很好地做到了这一点。不过,我对此有一个问题。
在这两种情况下,将窗口的宽度缩小到小于 480 像素。(在我的网站上,您需要刷新页面;广告仅在刷新后调整大小)。您可能会注意到我想要做的事情:当窗口小于 480 像素时,缩略图(图像)必须放在左侧(其值是其父级的填充值)并且它必须获得窗口的宽度。
到目前为止,这在 enquire.js 中效果很好。调整窗口大小时会出现问题。如果视口变小,图像的大小不会改变,这是应该的。match
当然,这是非常合乎逻辑的:从to或其他方面没有变化unmatch
,因此不会再次调用该函数。不幸的是,这正是我所需要的。我需要在每次调整大小时再次调用该函数。
我以为这个插件曾经有类似.listen()
的东西,但它似乎不再起作用了。
有什么帮助吗?