网格/框视图适合所有屏幕尺寸

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。它是所有设备的网格布局插件。