h5移动端页面适配填坑(持续更新中)

一.安卓键盘弹起挤压ui
1,在页面加载时即计算出页面的高度并保存
this.viewHeight = document.body.clientHeight;
2,在input框获取到焦点时将该值赋给最外层div即可

document.getElementById("main_box").style.setProperty("height", this.viewHeight + "px");

二,ios图片不显示
不要直接对图片设置宽高,图片宽高都为100%,然后由其父元素定尺寸
三,ios输入框 placeholder无法垂直居中
设置行高line-height等于height
四,ios fixed 与z-index设置蒙层不显示
将z-index往大里设
五,ios键盘收回后页面不弹回,留下空白
在input失焦事件上

  setTimeout(function() {
        window.scrollTo(0, 0);
      }, 100);

猜你喜欢

转载自blog.csdn.net/weixin_39168678/article/details/85272180
今日推荐