移动端基本环境
插件 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）
