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

  • 时间:
  • 浏览:1
  • 来源:大发彩票快三—大发彩票app

09

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

10

07

18

<html lang="en">

</head>

  </div>

<meta charset="UTF-8">

04

下面就分享一下如可防止此问提,代码实这类下:

    <p>能不能用手机看看</p>

    <p>test</p>

  <div class="foot">

因此fixed定位和软键盘碰上以前 ,会碰到各种的坑,ios和android上都会遇到。

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

</body>

22

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

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

14

<head>

03

06

15

  <div class="main">

12

<title>蚂蚁部落</title>

13

</html>

20

    copyright by linyang

    <input type="text" placeholder="我是另另1个 输入框">

<!DOCTYPE html>

05

    <p>test</p>

在移动端布局中,会一个劲一个劲出現固定在手机上下两端的页面。

23

原文链接:防止移动端两端布局的input+fixed的bug

21

本文来自云栖社区合作协议伙伴“蚂蚁部落”,了解相关信息能不能关注蚂蚁部落

24

    <p>test</p>

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

11

01

    <p>test</p>

16

08

02

本文作者:admin

19

<body>

17

  </div>