页面上有两部分，一部分是引用h5的视频监控，另一部分是刷新按钮，如何让它俩自适应屏幕大小并且居中呢？

因为是要运行在手机端的，所以想让这两块可以自适应并且保持居中。

<c:forEach var="item" items="${ncc}" varStatus="status">     
    <div id="win_${item}"></div>
    <a class="button"  id="btlogin" href="#"  onclick="play('${item}','${status.index}');">刷新</a>
</c:forEach>

百分比+flex布局