引导CSS照片墙以覆盖页面

我试图用小照片覆盖整个页面，但我发现我不能因为它们在页面上留下一些左右边距

我没有使用js来做这件事，只是使用css和html：

<div class="container-fluid" id="wrapper">
<div id="home-decore">

<img/>
<img/>
<img/>
<img/>
<img/>
<img/>
<img/>
<img/>
<img/>
<img/>
<img/>
etc ..



</div>
</div>

#wrapper{
  background:red;
    padding-top:5%;
min-height: 88%;
height: auto !important;
height: 88%;

}
#home-decore{
margin:0;
padding-top:60px;
left:0;
top:0;
position:realtive;
min-height: 100%;
height: auto !important;
height: 100%;
background:#000;


}
#home-decore img{
  border-radius:2px;
  border:0.3% solid white;
  opacity:0.6;
  width: 3.3333%; 
    overflow: hidden;
}
#home-decore img:hover{
opacity:1;
}

等
#包装纸{
背景：红色；
垫面：5%；
最小高度：88%；
高度：自动！重要；
身高：88%；
}
#家居装饰{
保证金：0；
填充顶部：60px；
左：0；
排名：0；
职位：房地产；
最小高度：100%；
高度：自动！重要；
身高：100%；
背景：#000；
}
#家居装饰{
边界半径：2px；
边框：0.3%纯白；
不透明度：0.6；
宽度：3.3333%；
溢出：隐藏；
}
#家居装饰图片：悬停{
不透明度：1；
}

---

我想要的是适合所有页面的权利：0；排名：0；底部：0；左：0

水平获取图像数量，然后将每个图像的宽度指定为（100/numHorizontalImages）%，然后对高度执行相同的操作。如果水平方向上有10张图像，垂直方向上有5张图像，则看起来会像这样：

---

img{width:10%；height:20%；}

水平获取图像的数量，然后将每个图像的宽度指定为（100/numHorizontalImages）%，然后对高度执行相同的操作。如果水平方向上有10张图像，垂直方向上有5张图像，则看起来会像这样：

---

img{宽度：10%；高度：20%；}

您可以在不使用引导css的情况下实现这一点

here's the Css code for it 
 <ul>
    <li style="float: left; padding-left: 5px; padding-right: 10px; padding-bottom: 15px">
  <img/>
   <li style="float: left; padding-left: 5px; padding-right: 10px; padding-bottom: 15px">
   <img/>
   </li>
  </li>
   ...........
 </ul>

这里是它的Css代码





...........

有关引导提供的图像边框，请参阅以下链接

---

您可以在不使用引导css的情况下实现这一点

here's the Css code for it 
 <ul>
    <li style="float: left; padding-left: 5px; padding-right: 10px; padding-bottom: 15px">
  <img/>
   <li style="float: left; padding-left: 5px; padding-right: 10px; padding-bottom: 15px">
   <img/>
   </li>
  </li>
   ...........
 </ul>

这里是它的Css代码





...........

有关引导提供的图像边框，请参阅以下链接

---

您需要的是CSS重置：

您也可以尝试添加类似的内容，作为CSS中body元素的快速修复：

body{
    padding:0;
    margin:0;
}

浏览器为padding和margin定义了一些默认值，我认为这就是您当前遇到的问题

---

（还注意到“#家居装饰”、“realtive”应为“relative”，这可能会产生意外的结果）

您需要的是CSS重置：

您也可以尝试添加类似的内容，作为CSS中body元素的快速修复：

body{
    padding:0;
    margin:0;
}

浏览器为padding和margin定义了一些默认值，我认为这就是您当前遇到的问题

---

（还注意到“#home decore”，“realtive”应该是“relative”，这可能会提供意外的结果）

那么，您是否只是尝试将图像缩放到屏幕上，以便您指定的数字填充背景，或者只是用尽可能多的图像填充背景，但我想知道有多少张照片和多少宽度适合所有人：P，我不想在右边留下空白（正文空白），你们可以看到，在左侧，它们非常适合。所以，你只是想将图像缩放到屏幕上，以使指定的数字填充背景，还是用尽可能多的图像填充背景？第一个，但我想知道有多少张照片和多少宽度适合全部：P，我不想留边距（正文边距）在右边，你们可以看到，在左边，它们非常适合。我的意思是，覆盖页面更复杂，因为我如何设置img宽度以适应所有屏幕分辨率下的所有页面？我的意思是，覆盖页面更复杂，因为我如何设置img宽度以适应所有屏幕分辨率下的所有页面？