Question

大家好日子，

我是JavaScript＆amp; CSS。我需要一个JavaScript或CSS代码来拉伸网格5 x 2以及完全跨浏览器宽度的图片。例如，使用网格布局查看页面中间的http://www.cornell.edu/站点。无论屏幕大小如何，放大/缩小网格都会拉伸整个浏览器宽度。我理解如果使用带有封面功能的CSS方法background-image会使整个浏览器变宽，但用户不容易编辑不是程序员的人。这是我到目前为止的信息。

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

任何建议都会很棒。非常感谢！

Answer 1

你的意思是使用

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

在每张图片上。这将允许整个屏幕上的5个项目和作为5个物理总数的日志至少是您的内容区域的最大宽度，这将完全适合并在缩小屏幕时重新调整大小..

网格横跨整个broswer。

1 个答案: