解决键盘弹出时，webview被挤压导致背景图片被挤压出空白-创新互联

第一种方法：

创新互联公司是一家集网站建设,龙湾企业网站建设,龙湾品牌网站建设,网站定制,龙湾网站建设报价,网络营销,网络优化,龙湾网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

1、给外层div容器设置背景图片

2、监听键盘弹出事件，弹出时调整容器的高度以适应背景图片

var oglHeight = document.querySelector("body").offsetHeight;

var windowSizeChange = function() { //弹出键盘时调整页面的高度，防止背景图片被挤压出空白区域

var tempHeight = document.querySelector("body").offsetHeight;

if(tempHeight == oglHeight) {

console.info("屏幕键盘隐藏");

document.getElementById('content').style.height = "100%";

} else {

console.info("键盘显示");

document.getElementById('content').style.height = "390px";

}

};

第二种方法：

背景固定，使用:before

body:before {

content: "";

position: fixed;

z-index: -1;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: url(../../p_w_picpaths/10.jpg) center 0 no-repeat;

background-size: cover;

}

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

网站标题：解决键盘弹出时，webview被挤压导致背景图片被挤压出空白-创新互联
当前URL：http://6mz.cn/article/dcjpdo.html