嵌入光滑网格图以填充浏览器窗口
Embedding a slickgrid graph to fill the browser window
我想知道是否有任何CSS/HTML/JavaScript魔法可以在这里做我想做的事情。现在,应用程序的代码有一些硬编码的尺寸,1100x600,但我想让 WIDTH 与浏览器窗口的宽度匹配。
<DIV id="dynamic1" style="width:1100px;height:600px;">
<script> ... java script slickgrid graph ... </script>
</DIV>
我正在考虑包含这样的 CSS 块:
#dynamic1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
但不幸的是,这使得图表填满了整个屏幕。我真正想要的是将图表嵌入到页面上的特定位置;我不希望它占据整个页面。
我稍微
改变了你的CSS,我希望这就是你需要的:
#dynamic1 {
position: absolute;
left: 0;
right: 0;
height:600px;
}
不要忘记删除div 的style="width:1100px;height:600px;"
部分。
相关文章:
- 通过浏览器对表单自动填充做出反应
- 移动浏览器、地理位置和自动填充地址
- 当浏览器自动填充表单字段时,$parsers$formatters函数不会启动
- 在注册表单上,表单字段不会保存在提交时自动填充的浏览器中.(ReactJs)
- 别名带有浏览器化填充码的 npm 模块
- 用于从剪贴板中的表自动填充活动浏览器窗口中的字段的脚本
- 壁虎浏览器不会在加载时填充输入
- 浏览器填充码首先加载
- 嵌入光滑网格图以填充浏览器窗口
- 是什么使浏览器自动填充电子邮件/密码输入
- 如何填充浏览器's用矩形显示的整个窗口/文档
- 使用SimpleModalJS创建一个模式来填充浏览器窗口
- Sencha Ext面板填充浏览器
- 如何制造<光>元素动态调整以填充浏览器窗口的整个宽度
- 如何修复引导导航条固定顶部填充浏览器调整大小
- 使页面分段填充浏览器高度
- 自动填充浏览器文档高度以滚动到任何元素
- 如何动态确定填充浏览器窗口需要多少个正方形
- 使用 jQuery 使元素填充浏览器视口的整个高度
- 如何使InkScape SVG文件填充浏览器窗口并具有交互性