移动端样式重置

1. -webkit-text-size-adjust: none;
   禁止文字自动调整大小(默认情况下旋转设备的时候文字大小会发生变化)，此属性也不继承，一般加在body上规定整个body的文字都不会自动调整

2. -webkit-tap-highlight-color: rgba(0,0,0,0);
   透明度设置为0，去掉点击a/button/input时默认的虚框(Android)或者被点击时灰色半透明覆盖层(iOS)或者
   -webkit-tap-highlight-color: rgba(255,0,0,0.5); //利用此属性，设置touch时链接区域高亮为50%的透明红，只在ios上起作用。android上只要使用了此属性就表现为边框。在body上加此属性，这样就保证body的点击区域效果一致了

3.              -webkit-appearance: none; 
                border-radious:0;
   

消除输入框和按钮的原生外观，在iOS上默认为圆角有背景颜色，加上这个属性才能给按钮和输入 框自定义样式
不同type的input使用这个属性之后表现不一。text、button无样式，radio、checkbox直接消失、
另外，select加上这个属性后，select的高度就可以改变了。如：select{-webkit-appearance:none;}

4. 禁止页面文字选择 ，此属性不继承，一般加在body上规定整个body的文字都不会自动调整(安卓无效，在事件那章搞定，包括长按出菜单，用阻止touchstart后的默认行为搞定)

5.-webkit-text-size-adjust:none; -webkit-touch-callout:none;禁用长按页面时的弹出菜单 ,img和a标签都要加 （安卓无效）

6. 修改placehoulder的样式
   input::-webkit-input-placeholder{
   color:blueviolet; //默认的样式

        }
   input:focus::-webkit-input-placeholder{
       color:aqua; //点击后的样式 
       }