解决移动端两端布局的input+fixed的bug

  • 时间:
  • 浏览:1

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">

<body>

却说 我fixed定位和软键盘碰上以前,会碰到各种的坑,ios和android上回会遇到。

    <p>test</p>

01

    <p>test</p>

<meta charset="UTF-8">

<head>

<title>蚂蚁部落</title>

06

21

07

23

    <p>foot否是会错位~</p>

08

02

16

13

20

18

    <p>都需用用手机看看</p>

</html>

    <input type="text" placeholder="我是一个多多多输入框">

本文作者:admin

    <p>软键盘出来后</p>

14

24

<!DOCTYPE html>

    <p>test</p>

下面就分享一下何如正确处理此问题,代码实类似下:

10

原文发布时间为:2017-2-23

    copyright by linyang

19

  <div class="main">

12

原文链接:正确处理移动端两端布局的input+fixed的bug

本文来自云栖社区商务相互合作伙伴“蚂蚁部落”,了解相关信息都需用关注蚂蚁部落

  </div>

09

15

11

04

03

在移动端布局中,会突然 突然 再次出现固定在手机上下两端的页面。

    <p>test</p>

</body>

    <input type="text" placeholder="用手机点我啊">

22

  <div class="foot">

05

<html lang="en">

17

</head>

  </div>