BOOTSTRAP CSS照片牆覆蓋頁面

我試圖用小照片覆蓋整個頁面，但是我發現我不能讓他們在頁面中留下一些左右邊距。BOOTSTRAP 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; 
}

什麼，我想是適合所有的頁面權：0;頂部：0;底部：0;左： 0;

來源

2012-09-23 sbaaaang

所以你只是試圖將圖像縮放到屏幕，以便您指定的數字是否填充背景或僅填充儘可能多的圖片？ – TMan

第一個，但我想知道有多少照片和多少寬度適合所有：P，我不想留下邊緣（身體邊際）在右側，因爲你可以看到，在左側他們完全適合 – sbaaaang

獲取水平圖像的數量，然後將每幅圖像的寬度指定爲（100/numHorizontalImages）％，然後對高度做同樣的事情。它看起來是這樣的，如果你有水平10個圖像和5垂直：

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

來源

2012-09-23 07:09:37 TMan

沒有任何變化 – sbaaaang

我的意思是，這是更復雜的覆蓋頁面，導致如何設置img寬度以適應所有屏幕分辨率的所有頁面？ – sbaaaang

p.s：沒有改變：P – sbaaaang

你可以做到這一點，而無需使用引導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>

和圖像邊境的引導提供參考下面的鏈接

http://css-tricks.com/using-css-for-image-borders/

來源

2012-09-23 07:24:08

你需要的是一個CSS復位：

http://www.cssreset.com/

你可以或者嘗試添加這樣的事情作爲一個快速解決你的CSS身體內部元素：