移動端基本環(huán)境?
? ? 插件 Emulation
? ? ?1. Device ?屏幕 ? 2. Medio媒體查詢 ?3.NetWork設(shè)備模擬 ?4.Sensors 模擬touch事件 陀螺儀 經(jīng)緯度
? ? ?2. <meta ?name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1>
? ? ?3.window.devicePixeRatio ?輸出設(shè)備像素比（只讀）
? ? ?問題：
? ? ? ? ? ?ios10 user-scalable 縮放不起作用
? ? ? ? ? ?X5內(nèi)核瀏覽器強(qiáng)制橫屏 <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瀏覽器 ?一段文字沒有設(shè)置高度被瀏覽器放大了?
? ? ? ? ? ?Fixed ?
? ? ? ? ? ?IOS的body的overflow問題?
? ? ? ? ? ?穿透問題: 上層元素發(fā)生點(diǎn)擊的時候，下層元素也有點(diǎn)擊事件，如果上層元素消失或者隱藏，300MS延遲的點(diǎn)擊事件會聚焦到下層元素
? ? ? ? ? ??
? ? ?默認(rèn)樣式：
? ? ? ? ? ?清楚點(diǎn)擊陰影：-webkit-tap-highlight-color
? ? ? ? ? ?清楚按鈕圓角：-webkit-appearance
? ? ? ? ? ?選中文字： -webkit-user-select ?安卓不兼容
? ? ? ? ? ?禁止文字縮放: -webkit-text-size-adjust
? ? ? ? ? ?默認(rèn)文字： Helvetica?
? ? ? 解決：?
? ? ? ? ? ? ?1. href='tel:15355780701'
? ? ? ? ? ? ?2. href='mailto:motao@motao.com'
? ? ? ? ? ? ?3.document.addEventListener('touchstart',function(ev){ev.preventDefault()}) ?解 ? ?決：穿透問題，ios10縮放 ，ios溢出問題 ，系統(tǒng)默認(rèn)的滾動，橡皮筋效果（回彈效果），禁止長按圖片和文字以及系統(tǒng)默認(rèn)菜單 ，但是阻止了焦點(diǎn)元素的正常行為 ? ? ? ? ?（ev,stopPropagetion） ?
? ? ? ? ? ? ?
