移动端web开发填坑指南之——百分比的过错

    在移动端开发中,特别是在安卓的微信端进行开发的时候会遇到各种奇奇怪怪的坑。慢慢写慢慢填坑。

    今天遇到的是,移动端中对一个div指定了height:100%;之后在安卓微信浏览器端遇到当input调起软键盘之后整个页面布局被重新resize后压扁,而ios则不会遇到这个问题。

    通过实验,发现用通过js获取当前可是窗口高度后再对该div进行赋值之后,此时在安卓调起软键盘就不会出现这样的问题。

    可见时对高度进行百分比设置的错。因为100%导致整个页面在软键盘弹出后进行了重新的resize操作。

    做一个记录。记录完滚去睡觉。

posted @ 2015-09-16 23:52  阿佳berry  阅读(241)  评论(0编辑  收藏  举报