html背景图片设置百分比

html背景图片设置百分比

     background-size: cover;
    //把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。
    //背景图像的某些部分也许无法显示在背景定位区域中。

    background-size: contain;
    //把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

body, html {
    height: 100%;
    width: 100%;
    background-image: url(img/bg.png);
    background-size: cover;
    background-repeat: no-repeat;			//背景图片不重复
}

https://www.foryh.com