工作中遇到的bug整理

bug整理

本篇主要为了整理和收集日常开发中遇到的各种 bug,防止下次再犯同样的错误,包括了 pc 端,低版本 IE 的兼容问题和移动端 ios、安卓的兼容问题。

PC 端 bug 整理收集

1. IE 低版本浮动错位问题

问题分析

IE6/IE7/IE8float:right属性,会导致换行,而不是在同一行显示。

解决办法

float:right属性写在float:left或者不浮动的元素之前。

移动端 bug 整理收集

1. fixed 键盘兼容问题

问题分析

ios 和部分安卓机型,当键盘弹出的时候,底部fixed布局的元素,会被键盘顶到上面来,导致布局错位。

解决办法

ios 通过更改为flex布局,可以解决,而部分安卓机型还是有问题,最终解决办法是通过 js 获取当前手机视窗的高度,给最外面的容器加一个min-height,good!完美解决 bug。

###2. fixed 导致 ios 光标移位

问题分析

在用vue搭建项目的时候,发现当用input框进行内容输入的时候,经常会发生光标移位的问题,定位不准,不能很好的在input框上获得焦点

解决办法

ios 通过更改为flex布局,可以解决,而部分安卓机型还是有问题,最终解决办法是通过 js 获取当前手机视窗的高度,给最外面的容器加一个min-height,good!完美解决 bug。