大家好我是欣欣，div铺满全屏，关于div占满整个页面很多人还不知道，那么现在让我们一起来看看吧！

div铺满全屏 div占满整个页面div铺满全屏 div占满整个页面


div铺满全屏 div占满整个页面


1、.box{width:;min-width:1200px;}当使用当容器背景时，有时小一点，有时大一点，小了又要平铺，大了又不能全显示，那样式工怎样才能满足要求？以下分享下。

2、现在先看看只是div背景图平铺repeat的效果，因为默认是repeat的，所以去除no-repeat就行，效果如下图。

3、 下面是body和div的样式代码： body style="background:(./12.jpg) no-repeat;" div style="background:(./12.jpg) ;margin:50px;height:790px;width:1300px;border:2px red solid;"会发现，并没有全部显示出来，那是因为div和的宽高比并不一样，为了能原样不变形显示就了取舍。

4、如果一定要整图显示，可以让background-size参数值取像素值。

5、现在看看用background-size 属性的参数值取像素值，宽1300px、高790px时的效果，效果还不错，回为宽高比相不远，变形小。

6、 下面是body和div的样式代码： body style="background:(./12.jpg) no-repeat;" div style="background:(./12.jpg) ;background-size:background:(路径) no-repea 10px 10px 不平铺 背景居 DIV 左边10px 顶部10px1300px 790px; margin:50px;height:790px;width:1300px;border:2px red solid;"。

本文到这结束，希望上面文章对大家有所帮助。