CSS: 9 个响应单元格填满整个页面

Question

我想要 9 个 响应式 <div> 单元格填满整个页面，如下图所示：

http://oi57.tinypic.com/2hf5lrk.jpg

我正在使用 ionic framework。如果该框架可以提供帮助，请提供一个示例。如果没有，纯css也很棒

Answer 1

嗯，看：http://ionicframework.com/docs/components/#grid-even

<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>

CSS: 9 个响应单元格填满整个页面

CSS: 9 Responsive Cells that Fills the Whole Page

html

css

responsive-design

ionic-framework