HTML背景图片不重复平铺 

//图片不平铺解决方法
body {
    background-size: 100% 100%;//图片大小按照父级的大小适应
    background-repeat: no-repeat;//不重复
　　background-image: url(../BigScreen/img/hgz_bg.png);
}

或者：

background-image: url(../BigScreen/img/hgz_bg.png);
    background-size: cover;
    background-position: center;
    height: -webkit-fill-available; //填满父级大小
posted @ 2023-12-18 15:31  3939!  阅读(82)  评论(0)  编辑  收藏  举报