微信H5页面兼容问题

1.文字垂直居中。line-heihgt在andriod下无效，padding实现或者响应式and样式

2.弹窗情况下滚动穿透。ios中，监听弹窗中input的focus事件，关闭页面滚动，blur后再放开。

3.ios input type=number不是数字键盘,需要加pattern="[0-9]*"属性。

4.微信6.7.4版本ios软键盘挤压页面bug，js模拟手势滚动页面。

5.ios验证码自动填充，重复两次问题。限制input maxlength

6.meta处理竖屏，缓存，禁止缩放（解决click 300延迟问题）

 <meta name="theme-color" content="#676767"> //设置浏览器主题色，同步页面和浏览器地址栏等

    windows phone 点击无高光
设置页面不缓存



   微软的老式浏览器
   uc强制竖屏
    QQ强制竖屏
              UC强制全屏
       QQ强制全屏

•在web app应用下状态条（屏幕顶部条）的颜色；
•默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。
<name="wap-font-scale"  content="no"/>  uc字体focus放大bug

7.input,textarea无法输入。-webkit-user-select: none;css选择器排除input,textarea

8.通用兼容样式

//阻止长按图片之后呼出菜单提示复制的行为

-webkit-touch-callout:none;

//禁用Webkit内核浏览器的文字大小调整功能。

-webkit-text-size-adjust: none;

//避免点击a标签或者注册了click事件的元素时产生高亮

-webkit-tap-highlight-color: rgba(0,0);

//禁止用户进行复制.选择.

-webkit-user-select: none;

9.

10.iPhone X 的凹槽 和 iOS 11 中一些相关 CSS 属性(转)（）.