layui的layer.open弹出层高度宽度自适应解决方法

---

前言

layer弹出窗口在弹出时指定了area，弹出后，如果当前页面的大小比弹出的窗口小，那么就会出现无法操作弹出窗口的情况。如图:

当前页面的大小不足以展示整个弹窗的内容,只能将页面放大全屏才可以看到整个弹窗内容，对其操作。

---

根据当前页面的宽度高度来改变layer弹窗的大小

代码如下（示例）：

function onclick() {
	//获取当前页面的高度
    var height = $(document.body).height();
    //获取当前页面的宽度
    var width = $(document.body).width();
    layer.open({
        type:1,
        title:"消息提示",
        content:$("#listshow").html(),
        //通过当前页面的高度宽度调节弹窗的大小
        area:[Number(width/2)+"px",Number(height*0.9)+"px"],
        btn:['关闭'],
        skin:'layui-layer-gray',
        yes:function (index,layero) {
            layer.close(index);
        }
    })
}