弹出层 如何支持浏览器 可视窗口 的大小改变

Question

弹出层的问题，以半个屏幕的宽度触发弹出层，然后把浏览器窗口最大化，如何让弹出层 仍然在可视化窗口的正中央

可视化窗口比较小的时候 触发弹出层，例如下图的第一张图片
最大化浏览器窗口的时候，弹出层的位置是没有变化的，例如第二张图片
问题，如何在改变可视化窗口的大小后，弹出层仍然在可视化窗口的正中央
新人求教 先谢过了

Answer 1

window.onresize=fucntion(){    //调用居中的方法}