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个响应单元，填满整个页面

1 个答案: