H5软键盘兼容方法

HTML：

 

 

 

 

I am Header

   

请输入用户名

   

   

请输入手机号

   

   

请输入密码

   

   

请重新输入密码

   

I am Footer

css:

html, body {

      height: 100%;

    }

    body {

      margin: 0;

      text-align: center;

    }

    .header {

      padding: 20px 0;

      box-shadow: 0 1px 1px #dddddd;

    }

    .content {

      margin-top: 100px;

      margin: 100px 0 80px;

    }

    .content input {

      border-radius: 4px;

      border: 1px solid #dddddd;

      height: 26px;

      line-height: 26px;

    }

    .footer {

      position: fixed;

      left: 0;

      right: 0;

      bottom: 0;

      padding: 20px 0;

      box-shadow: 0 -1px 1px #dddddd;

    }

    .header,.footer {

      background-color: #42b983;

      color: #ffffff;

    }

js:

参考地址：https://segmentfault.com/a/1190000018959389