今天是个好日子,

我是JavaScript和CSS的新手。我需要一个JavaScript或CSS代码来将5 x 2的网格以及图片完全扩展到整个浏览器宽度。例如,使用网格布局查看页面中间的此站点http://www.cornell.edu/。放大/缩小网格将扩大浏览器的整个宽度,无论屏幕大小如何。我了解如果将具有封面功能的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个物理记录的总和至少至少是内容区域的最大宽度,这将非常适合并在缩小屏幕时调整大小。

关于javascript - 网格延伸到整个浏览器。,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35040290/

10-12 12:34
查看更多