如何让背景图片平铺整个页面；在高度不确定的情况下；

zunlin118

437787130

发布于
2017-01-13

如何让背景图片平铺整个页面；在高度不确定的情况下；屏幕的大小不确定

javascript php css

html5

阅读 8.3k

3 个回答

   body,html{
           width: 100%;
            height: 100%;
            margin: 0 ;
            padding: 0;
        }
        body{
            background: url("投票-web.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

不论改变分辨率还是缩小窗口都是合理的

星回

363116

发布于
2017-01-13

html,body,main{
heigth:100%
}
main{
  background: url('/images/bg.jpg') center center no-repeat;
  background-size: cover;
}
<body>
<main></main>
</body>