layer.open弹出层改变高度，页面就跑出来了怎么办？

[-一个大坑]

我现在的写法，先判断是电脑还是手机，然后再给宽度和高度。这样虽然可以，但是以后动态改变高宽以后不好控制

$("#btnAdd").click(function(){
            $.post("/DLR007/GetPaymentAddView?key="+key,
                function(data){    
                    if(data.status=='Danger'){
                    layer.alert(data.msg);
                    return;
                }  
                if(key=='Windows'){
                    layer.open({
                        type: 1,
                        title:'申請頁面(簡版)',
                        skin: 'layui-layer-rim my-layer1', //加上边框
                        area: ['660px', 'auto'], //宽高
                        content: data
                    });
                }else{
                    layer.open({
                        type: 1,
                        title:'申請頁面(簡版)',
                        skin: 'layui-layer-rim my-layer1', //加上边框
                        area: ['85%', '85%'], //宽高
                        content: data
                    });
                }                                     
            })                      
        });

这是以前的写法，先以电脑页面打开，再判断手机还是电脑，然后改变宽高。然后弹出层的页面就跑外面来了

$("#btnAdd").click(function(){
            $.post("/DLR007/GetPaymentAddView?key="+key,
                function(data){    
                    if(data.status=='Danger'){
                    layer.alert(data.msg);
                    return;
                }      
                layer.open({
                    type: 1,
                    title:'申請頁面(簡版)',
                    skin: 'layui-layer-rim my-layer1', //加上边框
                    area: ['660px', 'auto'], //宽高
                    content: data
                });  
                if(key=='Phone'){
                    $('.layui-layer').width('85%');
                    $('.layui-layer').height('85%');
                    $('.layui-layer').css({ 
                        position:'absolute', 
                        left: ($(window).width() - $('.layui-layer').outerWidth())/2,                                             
                    });
                };               
            })                      
        });

[-一个大坑]

而且前面设置了高度后，后面再设置$('.layui-layer').height('auto');不会改为自动高度，而是以前面设置的高度为准，必须放值才会改变

[-一个大坑]

[-一个大坑]

换了种方法，来人结贴

[天际的海浪]

感觉height用百分比不好，一但手机屏幕比较小内容就会超出