Javascript 网格延伸到整个broswer。

大家好,

我是JavaScript和CSS新手。我需要一个JavaScript或CSS代码来扩展网格5 x 2以及整个浏览器宽度的图片。例如，看看这个带有网格布局的页面中间的站点。放大/缩小网格将延伸整个浏览器宽度，无论屏幕大小如何。我明白，如果使用CSS方法，背景图像和封面功能将使整个浏览器变宽，但不便于非程序员的用户编辑。这是我到目前为止得到的信息

function resizeJqGridWidth(grid_id, div_id, width)
    {
$(window).bind('resize', function() {
    $('#' + grid_id).setGridWidth(width, true); //Back to original width
    $('#' + grid_id).setGridWidth($('#' + div_id).width(), true);//Resized to new width as per window
 }).trigger('resize');
  }

任何建议都很好。 非常感谢

你是说使用

box-sizing:border-box;
width: 20%;

---

在每个图像上。这将允许在屏幕上显示5个项目，并记录至少5个内容区域的最大宽度。这将非常适合并在缩小屏幕时重新调整大小。

您是否尝试了CSS中的

宽度：100%

？@MaihanNijat是的，我有。100%仅最大化模板默认宽度。也就是1008px。我有每个网格单元图像集333px的宽度，需要1665整个宽度。我确实为1666px更改了网格集的宽度，但没有完全将宽度设置为屏幕大小。创建一个JSFIDLE会很好，在这种情况下，没有人可能知道您的整个代码是什么样子的，您使用的是什么网格或框架。这是我的Codepen沙盒[]，如您所见。当您使用Ctrl+或鼠标向外滚动缩小时，网格将跟随在左侧，而不是在页面网格的中间执行与[]相同的功能。即使缩小，我在浏览器页面上也会错过什么。谢谢~这是我的代码笔沙盒示例[Code pen是404 bud。您的#OverlyBlock的宽度为500%。删除此项，所有操作都将按预期进行。可能只需要添加实际数量，而不是虚假的百分比。我确实删除了它并更新了一点代码，但仍然不会根据其宽度在浏览器中扩展网格。codepen.io/chaolu/pen/jWKEdB]啊，我明白了。每个宽度是346px，这使得浏览器需要1700多个元素。所以每个元素都需要向右收缩？如果正确，那么您需要向容器声明最大宽度，然后第n个子元素获取第6个元素并向左清除。