用layer做弹出框确在有的手机上发现:键盘弹起后,导致弹出内容边短了
用的layer代码:
layer.open({
type: 1,
title: false,
closeBtn: 0,
area: '516px',
skin: 'layui-layer-nobg', //没有背景色
shadeClose: true,
content: $('#tong')
});
效果图

但是一旦屏幕被缩小,这个弹出内容就变小了,而且恢复屏幕大小之后,弹出层的高度不能还原

经查看会发现其实是
.layui-layer-page .layui-layer-content
被scroll

那么只要不让他scroll即可,加上样式
.layui-layer-page .layui-layer-content{overflow: visible}
就可以不会被压缩了!
网友评论