嵌入光滑网格图以填充浏览器窗口

Embedding a slickgrid graph to fill the browser window

本文关键字:填充 浏览器 窗口 网格      更新时间:2023-09-26

我想知道是否有任何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;"部分。