WEB网页如何让背景图片跟随可视窗口自适应大小

最新推荐文章于 2024-04-24 09:22:16 发布

weixin_30411239

最新推荐文章于 2024-04-24 09:22:16 发布

阅读量3.1k

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dreamsqin/p/7020164.html

版权

HTML代码

<body id="body">
    <div class="info-wrapper">
        <div class="content">
        </div>
     </div>
</div>

CSS代码

body{
　　font-size: 16px;
　　font-family: Arial;
　　max-width: 1920px;
　　min-width: 1180px;
　　margin:0 auto;
　　overflow-y:scroll; 
}

.info-wrapper{
    position: absolute;
    margin: 0px;
    width: 100%;
    height: 560px;
    top: 1563px;
    text-align: center;
}

.content{
    width: 100%;
    height: 560px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/index/background.png) no-repeat;
}

JS代码

var screenWidth=$(window).width();
            
$("#body").css("width",screenWidth);

转载于:https://www.cnblogs.com/dreamsqin/p/7020164.html

优惠劵

weixin_30411239

关注关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
WEB网页如何让背景图片跟随可视窗口自适应大小

HTML代码<body id="body"> <div class="info-wrapper"> <div class="content"> </div> </div></div>CSS代码body{　　font-size: 16px;...
复制链接

扫一扫