文章介绍如何用JavaScript模拟CSS的background-size: cover效果,使图片或视频在容器内保持宽高比并填满容器,兼容至IE 7。作者先分析cover原理:图片宽度先撑满容器,高度不足时按原始宽高比放大。随后给出实现代码,通过定位、计算宽高和边距实现居中填充,并监听窗口resize与图片load事件重新计算。用法是传入容器和图片元素,视频元素同样适用。
完成下面两步后,将自动完成登录并继续当前操作。