enquire
.register('screen and (min-width: 1200px)', {
match: function() {
active_li_margin_left = $('li.active').css('margin-left')
active_li_width = $('li.active').width()
console.log(active_li_margin_left, active_li_width)
zwarovsky();
}
})
.register('screen and (min-width: 980px) and (max-width: 1199px)', {
match: function() {
active_li_margin_left = $('li.active').css('margin-left')
active_li_width = $('li.active').width()
console.log(active_li_margin_left, active_li_width)
zwarovsky();
}
})
li.active 宽度从 770px 变为 620px，其中 margin-left 从 -30px 变为 -20px，这是 bootstrap span8 项。
问题：似乎在 css 媒体查询之前查询会触发函数，因此在调整窗口大小时它会拾取先前的值。
当我从 1200 切换到 980 时，调整浏览器窗口控制台日志的大小显示 30px 770 而不是 20px 660，而当我从 980 切换回 1200 时，控制台日志显示 20px 620。