layer弹窗尺寸自适应屏幕

layui.use(['layer','form', 'layedit'], function () {
    var $ = layui.jquery,
         layer = layui.layer;


// 判断页面大小,
        function screen() {
            //获取当前窗口的宽度
            var width = $(window).width();
            if (width > 1200) {
                return 3;   //大屏幕
            } else if (width > 992) {
                return 2;   //中屏幕
            } else if (width > 768) {
                return 1;   //小屏幕
            } else {
                return 0;   //超小屏幕
            }
        }


    layer.open({
        type: 1,
        title: ['弹出页面的标题', 'font-size:18px;'],  
        content: $("#content").val(),    // 弹窗内容
        area: screen() < 2 ? ['90%', '80%'] : ['600px', '900px'],   // 长,宽
        offset: '30%'            // 弹出的位置,还有很多其他属性,这里就不一一介绍了
    });
});

你可能感兴趣的:(layer弹窗尺寸自适应屏幕)