(如果您只是通过调整大小来设置样式(媒体查询),最好的方法是CSS) [
.footer
{
/* default styles applied first */
}
@media screen and (min-height: 820px) /* height >= 820 px */
{
.footer {
position: absolute;
bottom: 3px;
left: 0px;
/* more styles */
}
}
window.onresize = function() {
if (window.innerHeight >= 820) { /* ... */ }
if (window.innerWidth <= 1280) { /* ... */ }
}
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.height() >= 820) { /* ... */ }
if (win.width() >= 1280) { /* ... */ }
});
这是绑定到调整大小时会注意到的第一个问题。当用户手动调整浏览器的大小时,调整大小的代码被称为LOT,并且可能感觉很时髦。
要限制大小调整代码的调用频率,可以使用下划线和lowdash库中的去抖动或限制方法。
如果没有下划线或破折号,则可以自己实现类似的解决方案: JavaScript / JQuery:$(window).resize调整大小完成后如何触发?