Html CSS:9个响应单元格，填充整个页面

我想要9个响应性很强的

单元格，可以像下面的图像一样填充整个页面：

我正在使用。如果这个框架能帮上忙，请给我举个例子。如果没有，纯css也会很棒。

好吧，请参阅：

1.
2.
3.
4.
5.
6.
7.
8.
9

请共享您的代码。。。我们很乐意提供帮助，但不会从头开始为您编写脚本。谢谢Bass。唯一的问题是行不是页面的100%个高度。ION使用Flex框来构建网格，所以考虑一下，谢谢您的帮助。您提供了一些代码和示例，而不是-1我。再次感谢。

<div class="row">
  <div class="col">1</div>
  <div class="col">2</div>
  <div class="col">3</div>
</div><div class="row">  
  <div class="col">4</div>
  <div class="col">5</div>
  <div class="col">6</div>
</div><div class="row">
  <div class="col">7</div>
  <div class="col">8</div>
  <div class="col">9</div>
</div>