欢迎各位兄弟 发布技术文章
这里的技术是共享的
最好 看看 /node-admin/11536
div的width:100%,background-size:100% auto。div宽度这样是根据浏览器窗口宽度自适应,div高度要js赋值。js获取背景图片长宽,计算出宽高比。div实时宽度*背景图的长宽比=div高度。
var image=new Image();
image.src=//你的背景图片的src;
image.onload=function(){
var divelement = document.getElementById(你的div的id);
divelement.style.height=(image.height*divelement.offsetWidth)/image.width +"px";
}
或
var image=new Image();
image.src=//你的背景图片的src;
image.addEventListener("complete",evt);
function evt(){
var divelement = document.getElementById(你的div的id);
divelement.style.height=(image.height*divelement.offsetWidth)/image.width +"px";
};