layer設置maxWidth及maxHeight解決方案
更新時間：2019年07月26日 12:01:16 作者：愛在846
這篇文章主要介紹了layer設置maxWidth及maxHeight解決方案，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下
layer介紹
layer是一款近年來備受青睞的web彈層組件，她具備全方位的解決方案，致力于服務各水平段的開發(fā)人員，您的頁面會輕松地擁有豐富友好的操作體驗。下載及使用訪問官方網站。
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版本中。好消息是這些已經已經敲定。 現在，我們獲得了最終定稿的功能清單，它們將在被批準發(fā)布之后出現在備受期待的 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
下面小編就為大家?guī)硪黄狫avaScript+CSS相冊特效實例代碼。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了JavaScript 禁止用戶保存圖片的實現代碼，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
這篇文章主要為大家詳細介紹了原生javascript和css實現圖片輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家詳細介紹了微信小程序實現圖片上傳放大預覽刪除代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07