webApp須註意的地方:
阿新 • • 發佈:2017-09-26
nbsp out nim popu sele click事件 mint 剪切 關閉
1、由於蘋果公司帶頭響應的移動瀏覽器雙擊縮放,所以click事件會有300ms延遲,對於webapp來講這種體驗很不好,
解決辦法:【meta中禁用縮放功能】:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">2、移動端點擊事件出現背景框(對於mint-ui中的popui組件,點擊蒙層關閉modal時,會先閃一下才關閉): 解決辦法:
*{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -moz-tap-highlight-color:rgba(0, 0, 0, 0); -ms-tap-highlight-color:rgba(0, 0, 0, 0); -o-tap-highlight-color:rgba(0, 0, 0, 0); tap-highlight-color:rgba(0, 0, 0, 0); }
3、移動端禁用長按出現復制、剪切等操作
*{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
webApp須註意的地方: