網/箱查看，以適應

Question

我的代碼如下所有的屏幕尺寸：

HTML：

<div class="gridContainer"> 
<div class="grid"></div> 
<div class="grid"></div> 
<div class="grid"></div> 
<div class="grid"></div> 
<div class="grid"></div> 
<div class="grid"></div> 
</div> 

CSS：

.gridContainer{ 
clear: both; 
width: 100%; 
} 
.grid{ 
width: 100px; 
height: 100px; 
float: left; 
} 

的電網將向上/向下移動時，屏幕尺寸由於網格中有浮動，因此可能會變大或變小。 但是，如果沒有足夠的空間來放入任何網格，右側會有一些額外的空間。

如何計算網格寬度以適應所有的屏幕大小的任何建議？

謝謝！

Answer 1

有很多不僅僅是指定高度和寬度做。你應該嘗試this。這是所有設備的網格佈局插件。