Android与iOS系统默认的一些样式差异

注意加上兼容代码前缀

1、ios用户点击一个链接，会出现一个半透明灰色遮罩, 如果想要禁用，可设置-webkit-tap-highlight-color的alpha值为0，也就是属性值的最后一位设置为0就可以去除半透明灰色遮罩

a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0;)}

2、禁止ios 长按时不触发系统的菜单，禁止ios&android长按时下载图片

.css{-webkit-touch-callout: none}

3、禁止ios和android用户选中文字

.css{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;}

4、ios margin-bottom经常无效，使用padding-bottom代替

5、实践证明，当父元素为display:flex，子元素为position:absolute时。在苹果6s/6P（ios10）的系统下会出现兼容问题，子元素无法居中。所以当子元素要用position:absolute，父元素不能是flex布局。否则会出现兼容问题

6、ios及ipad下输入框默认内阴影Element{-webkit-appearance: none;}

7、旋转屏幕时，字体大小调整的问题html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:100%;}

8、Android部分机型placeholder文字向上偏移line-height:normal

9、App有一个底部栏（要求：永远bottom：0），但是在部分页面，底部栏超出了屏幕的高度，看上去好像是消失不见了一样

mounted(){

if(this.$refs.fixed.offsetTop>=当前屏幕高度){this.$refs.fixed.style.transform="translateY(-60px)"};60px0底部栏的高度

}

10、未完。。。。。。