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时。