Question

我有一个工作产品滑块，现在我正在尝试减小较小视口的宽度这不是很好。

代码首先在加载文档时添加每个产品项的宽度单击按钮时会发生滑动。

我的问题是，当视口变小时，每个产品项目将变得更窄（使用CSS媒体查询处理），现在使用脚本，当需要调整浏览器窗口大小时，它需要重新计算媒体查询中指定的新宽度。

我尝试重构为函数或变量并将其传递给resize() 但没有运气看到与resize事件计算的总数。我应该分开事件和功能，但后来我面临一些变量范围问题。

我知道普通用户可能没用，但我想尝试一下。

Answer 1

您可以使用匹配媒体

if (window.matchMedia("(max-width: 480px)").matches) { 
//code for window less than 480px

}
else
{ 
}