javascript - 网格/框 View 以适应所有屏幕尺寸

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;
}

当屏幕尺寸变大或变小时，网格会上下移动，因为网格中有 float 。 但是，当没有足够的空间容纳任何网格时，右侧会有一些额外的间距。

关于如何计算网格宽度以适合所有屏幕尺寸的任何建议？

谢谢!

Answer 1

除了指定高度和宽度之外，还有很多事情要做。你应该试试 this .这是一个适用于所有设备的网格布局插件。