5. modal组件的height问题

  -通过 / -执行

来创建一个modal

  1. header固定50px,body高度strecth
  2. 整体宽300px,最大高度300px
  3. 显示于viewport的中心
  4. 上下到viewport的边界需要至少30px的间距

HTML结构大概如下

<div class="modals">
  <div class="modal">
    <div class="modal-header"></div>
    <div class="modal-body"></div>
  </div>
</div>

1.400x150

2.400x300

3.400x400

4.400x600