码迷,mamicode.com
首页 > 移动开发 > 详细

如何解决安卓手机键盘弹出将页面压缩

时间:2017-05-23 18:54:00      阅读:487      评论:0      收藏:0      [点我收藏+]

标签:inpu   bsp   top   最大   宽高   移动   没有   cli   osi   

   很多时候项目中我们需要用到输入框input,input聚焦时会调用手机键盘,这个时候我们如果当前页面最大元素宽高写的是实际像素,那是没有问题的,但是如果写的是百分百在安卓机上当前页面就会被向上压缩,但是移动端我们必须做成自适应,我们宽高不能写固定宽高的,那么该如何解决,首先我们可以获取当前手机设备的宽高,然后再给当前页面写宽高,同时加上position:fixed;

            <style>

                  .page{ position:fixed;

                           left:0;

                            top:0; }

           </style>

           var x =document.body.clientWidth;

           var y =document.body.clientHeight;

           $(".page").width(x);

           $(".page).height(y);

如何解决安卓手机键盘弹出将页面压缩

标签:inpu   bsp   top   最大   宽高   移动   没有   cli   osi   

原文地址:http://www.cnblogs.com/YANYANBA/p/6895412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!