Javascript 使用断点的响应式旋转木马
如果我在断点上使用类似的东西,是否可以设置一个介于200和320之间的规则?因此,200到300之间的所有内容都会像媒体查询一样受到影响Javascript 使用断点的响应式旋转木马,javascript,slick.js,Javascript,Slick.js,如果我在断点上使用类似的东西,是否可以设置一个介于200和320之间的规则?因此,200到300之间的所有内容都会像媒体查询一样受到影响 $('.responsive').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1024, settings: {
$('.responsive').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
使用
window.innerWidth
获取调整大小时的宽度,然后在其周围环绕一些if语句以设置您的最小值和最大值:
var w = window.innerWidth;
if((w > 200)||(w <300)) { do something }
希望这有助于看,我确信这很好,但我几乎没有使用js的经验,所以你刚才写的可能是中文lol。我不知道该怎么做。你能详细说明一下吗?
window.onresize = function(event) {
myChangeFunction();
};