不希望图片会随浏览器缩放的改变而改变
使用css实现不缩放问题
------------------------
添加一个 div 标签
<div id="image"></div>
style中添加如下代码:
#image{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-image:url("./imgs/bg01.jpg");
background-position: center 0;
background-repeat: no-repeat;
background-attachment:fixed;
background-size: cover;
-webkit-background-size: cover;/* 兼容Webkit内核浏览器 */
-o-background-size: cover;/* 兼容Opera */
zoom: 1;
}
图片来自社区 顺手偷过来用