关于Layer弹框怎么随页面改变而自适应的问题

[拉里拉]

用[m%,n%]的形式来设置弹窗的大小，但是页面太小的时候，由于字体大小不变的原因会出现内容互相遮掩的问题，就使用了弹窗的area等于如下函数的值的方式

var wid=window.innerWidth;
        if(wid>600){
            return ['50%','90%'];
        }else{
            return ['70%','90%'];
        }

页面较小的时候弹窗占比会变大，但是这样还是有一个问题就是在大页面打开弹窗的时候再将页面调小，弹窗占比就不会发生变化，求大神解答下怎么可以解决这个问题