适合所有屏幕大小的网格/方框视图

Grid/Box View to fit all screen size

本文关键字：网格 方框 视图 屏幕      更新时间：2023-09-26

我的代码如下：

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

当屏幕大小变大或变小时，网格将向上/向下移动，因为网格中还有浮动。然而，当没有足够的空间将任何网格放入时，右侧会有一些额外的间距。

关于如何计算网格宽度以适应所有屏幕尺寸，有什么建议吗？

谢谢！

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

相关文章：