layer设置maxWidth及maxHeight解决方案
更新时间：2019年07月26日 12:01:16 作者：爱在846
这篇文章主要介绍了layer设置maxWidth及maxHeight解决方案，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下
layer介绍
layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站。
area属性
layer的宽高是通过area属性设置，例如 area:[‘300px',‘600px']，表示定义宽300px；高600px的弹出层；
默认设置：layer宽高都自适应的，即area默认值为‘auto'。
maxWidth及maxHeight属性
‘maxWidth'和‘maxHeight'分别对应css中‘max-width'及‘max-height'，若想设置该属性，并让其起作用，必须将area属性设置为默认设置(area: 'auto')。
示例代码
layer.open({
type: 1,
title: '属性信息', //弹出层标题
area: 'auto', //宽高自适应
maxHeight:'600px', //最大高度600像素
shadeClose: true, //点击遮罩关闭
content: html //弹出层内容
});
总结
以上所述是小编给大家介绍的layer设置maxWidth及maxHeight解决方案,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
许多新的特性被提议包括在 ES2020版本中。好消息是这些已经已经敲定。 现在，我们获得了最终定稿的功能清单，它们将在被批准发布之后出现在备受期待的 ES2020 中，具体内容详情，大家可以阅读下本文2020-05-05
改版了网上的一个js操作userdata,并根据其它网友的文章结合了下。希望对需要的朋友有所帮助。2007-04-04
这篇文章主要为大家详细介绍了js实现简单图片切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
websocket4.0+typescript 实现热更新的方法
这篇文章主要介绍了websocket4.0+typescript 实现热更新的方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
JavaScript使用slice函数获取数组部分元素的方法
这篇文章主要介绍了JavaScript使用slice函数获取数组部分元素的方法,涉及javascript中slice方法的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了javascript 函数的暂停和恢复,结合实例形式详细分析了javascript 函数的暂停和恢复相关原理、实现方法及操作注意事项,需要的朋友可以参考下2020-04-04
下面小编就为大家带来一篇JavaScript+CSS相册特效实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了JavaScript 禁止用户保存图片的实现代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
这篇文章主要为大家详细介绍了原生javascript和css实现图片轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要为大家详细介绍了微信小程序实现图片上传放大预览删除代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
最新评论