Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网格/方框视图适合所有屏幕大小_Javascript_Jquery_Html_Css_Gridview - Fatal编程技术网

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

Javascript 网格/方框视图适合所有屏幕大小,javascript,jquery,html,css,gridview,Javascript,Jquery,Html,Css,Gridview,我的代码如下: html: 当屏幕大小变大或变小时,网格将向上/向下移动,因为网格中还有浮动。 但是,当没有足够的空间容纳任何网格时,右侧会有一些额外的间距 关于如何计算网格宽度以适应所有屏幕尺寸,有什么建议吗 谢谢 除了指定高度和宽度,还有很多事情要做。你应该试试。这是一个适用于所有设备的网格布局插件。为了使这篇文章对将来搜索同一问题的访问者有用,您应该编辑这篇文章以展示一个示例。如果这个链接断了,你的答案就没用了。有关更多详细信息,请参阅。希望这有帮助。 <div class="gri

我的代码如下:

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>
.gridContainer{
 clear: both;
 width: 100%;
}
.grid{
 width: 100px;
 height: 100px;
 float: left;
}