H5 IOS 虚拟键盘不回落的问题

在 H5 页面中，会发现在高版本的 IOS 系统中（ios12以上）和微信版本6.7.x以上，都会发现 input 等输入框，输入内容之后发现虚拟键盘消失，但是页面出现大面积白框。

解决办法（最后加上是否是微信浏览器）：

　　document.addEventListener('focusout', () => {

      setTimeout(() => {

        let height = document.documentElement.scrollTop || document.body.scrollTop

        window.scrollTo(0, height + 1)

        window.scrollTo(0, height - 1)

      }, 20)

    })

IOS 中光标错位或过长问题：

　　导致原因：input 设置了 line-height 或 fixed 导致。解决办法去掉 line-height，设置 height 或使用 absolution

 去掉 select 中默认下拉小箭头

IE ： select::-ms-expand { display: none; }   /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
chorme：

 /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right:34px; padding-left: 10px;
 /*将默认的select选择框样式清除*/
  appearance:none;  -moz-appearance:none;   -webkit-appearance:none;
  background: url("/assets/img/caret.png") no-repeat scroll right center transparent;

转载于:https://www.cnblogs.com/xqmyhome/p/11066132.html