移动端基本环境 

    插件 Emulation

     1. Device  屏幕   2. Medio媒体查询  3.NetWork设备模拟  4.Sensors 模拟touch事件 陀螺仪 经纬度

     2. <meta  name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1>

     3.window.devicePixeRatio  输出设备像素比（只读）

     问题：

           ios10 user-scalable 缩放不起作用

           X5内核浏览器强制横屏 <meta name='x5 orientation' content='portrait | landscape'>

           X5浏览器全屏  <meta name='x5-fullscreen' content='true'>

           UC浏览器全屏  <meta name='full-screen' content='true'>

           UC浏览器横屏  <meta name='screen-origentation' content='portrait | landscape'>

           电话号码识别和邮箱识别 <meta name='format-detection' content='telephone=no,email=no'>

           Font boosting  webkit浏览器  一段文字没有设置高度被浏览器放大了 

           Fixed  

           IOS的body的overflow问题 

           穿透问题: 上层元素发生点击的时候，下层元素也有点击事件，如果上层元素消失或者隐藏，300MS延迟的点击事件会聚焦到下层元素

     默认样式：

           清楚点击阴影：-webkit-tap-highlight-color

           清楚按钮圆角：-webkit-appearance

           选中文字： -webkit-user-select  安卓不兼容

           禁止文字缩放: -webkit-text-size-adjust

           默认文字： Helvetica 

      解决： 

             1. href='tel:15355780701'

             2. href='mailto:motao@motao.com'

             3.document.addEventListener('touchstart',function(ev){ev.preventDefault()})  解    决：穿透问题，ios10缩放 ，ios溢出问题 ，系统默认的滚动，橡皮筋效果（回弹效果），禁止长按图片和文字以及系统默认菜单 ，但是阻止了焦点元素的正常行为          （ev,stopPropagetion）