实现背景图的自定义缩放
css代码:
.login_whole {
position: fixed;//固定图片位置
top: 0;
left: 0;
width: 100%;
height: 100%;
min-width: 1000px; //min-width 属性设置元素的最小宽度。
z-index: -10;
zoom: 1;
background: url("…/assets/img/login_bg.png") no-repeat center;
background-size: cover;//把背景图片放大到适合元素容器的尺寸,图片比例不变,但是要注意,超出容器的部分可能会裁掉。
-webkit-background-size: cover;
-o-background-size: cover;
}
部分html代码: