当前位置：移动技术网 > IT编程>网页制作>CSS > IM中输入框的问题及解决办法

IM中输入框的问题及解决办法

2018年02月06日 | 移动技术网IT编程 | 我要评论

IM中输入框的问题

详情描述

ios（特别是UC浏览器）对底部fiexd布局，兼容不好，再聚焦的时候fiexd会漂，所以不能用fiexd布局； ios底部输入框用的是relative，absolute会再部分ios机子上全屏感觉有个遮罩层，使全屏不可点，点的时候有个黑色透明的遮罩层闪烁； android 底部输入框用的是absolute，relative 布局在安卓上输入框会覆盖在虚拟键盘下面； ios11.1.2 对面几种布局支持性都不好，当虚拟键盘出来后，输入框不会被挤到上面（因为body高度不变）；

解决方式比较暴力，判断是ios11.1.2，数据框聚焦把body变为50%，失焦恢复；

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

【css】利用line-height实现垂直居中

替换元素与非替换元素<body> <div>hello</div> &l... [阅读全文]
通过鼠标使图片交替显示

伪类 after、before、hovercss代码使用的是预编译less，简单分享：就是固定框200*200，... [阅读全文]
荐微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示

一、前言项目中遇到的评分相关的需求其实还挺多。之前也写过网页中关于评分功能实现的文档。这次，是基于微信小程序开发... [阅读全文]
【剑指 Offer 31】栈的压入、弹出序列

题目题目链接输入两个整数序列，第一个序列表示栈的压入顺序，请判断第二个序列是否为该栈的弹出顺序。假设压入栈的所有... [阅读全文]
前端学习笔记（3）之css文本属性合集

文本模块缩进text-intent间距 xxx-spacing控制文本大小写 text-transform文本... [阅读全文]
CSS 控制动画播放与暂停的小技巧(非常实用)

今天要介绍一种很简单的使用 css 控制动画播放与暂停的小技巧。使用好了，可以在很多实际场景得以运用。我们先来看个例子，本例子是我在闲逛 codepen 时看... [阅读全文]
css3 flex布局实现平均分配元素的示例代码

本文主要介绍了css3 flex布局实现平均分配元素，给自己留个笔记，也分享给大家，具体如下：例子一：<!doctype html><html... [阅读全文]
CSS字体、文本、列表属性详细介绍

1.字体属性　　color，规定文本的颜色，如 div{color:red;}　　font-style，规定文本显示方式，如 p.normal {font-st... [阅读全文]
深入理解CSS background-blend-mode的作用机制

本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。一、可能都知道的首先，讲两点大家可能都知道的知识点：1.background-... [阅读全文]
CSS中的四种定位区别详解

我们都知道，前端开发里面的css中常用的定位方式有普通定位，相对定位，绝对定位、固定定位定位这四种。但是很多零基础的前端小白都不知道这4种定位方式都有什么作用和... [阅读全文]

网友评论


验证码：