网格 横跨整个浏览器
Grid Stretch across the entire broswer.
大家好,
我是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 个物理总数的日志,至少是您内容区域的最大宽度,这将完美适合并在您缩小屏幕时重新调整大小。
相关文章:
- 访问布局信息是否也会导致浏览器重排
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 剑道网格jQuery动画()问题
- 使用Dnamics CRM 2011中的JavaScript读取子网格的所有记录,而不考虑活动页面
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- 我可以更改剑道UI网格吗's的外键值
- 有时数据是't显示在浏览器中
- 使图像在单击时展开到不大于浏览器
- fetch() 函数未在 Ubuntu Chromium 浏览器上定义
- 不同浏览器中的空白字符正则表达式行为
- 在Windows 10中自动执行例行程序(主要与浏览器交互)
- Windows形成web浏览器控件和Javascript更改的DOM
- 如何临时暂停浏览器渲染,然后恢复整个页面
- 如何在浏览器宽度/高度变化时动态调整图像网格的大小
- 我在同一域中并排打开了两个浏览器.我想将一个网格的选定行拖到另一个浏览器.可能吗
- 嵌入光滑网格图以填充浏览器窗口
- 网格 横跨整个浏览器
- 任何关于响应网格的建议,该网格将适应不同浏览器的文本大小和布局
- 浏览器在Asp.net应用程序上使用网格时表现出奇怪的行为
- UI网格无限滚动可通过浏览器操作's滚动条