盒模型的不兼容

　　.ctpFlex {

　　　　display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
　　　　display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
　　　　display: -ms-flexbox; /* TWEENER - IE 10 */
　　　　display: -webkit-flex; /* NEW - Chrome */
　　　　display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
　　}

　　.ul>li {
　　　　-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
　　　　-moz-box-flex: 1; /* OLD - Firefox 19- */
　　　　width: 20%; /* For old syntax, otherwise collapses. */
　　　　-webkit-flex: 1; /* Chrome */
　　　　-ms-flex: 1; /* IE 10 */
　　　　flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
　　}

mvvm框架裏面 build項目時候 打包路徑 是根據配置文件來的（一般直接從根目錄查找，前端常用相對路徑）
打包出來後若是樣式等不對註意（引導文件位置）css和js文件路徑（/ ）以及相對路徑模式（./）

禁止用戶選中

　　.noselect {
　　　　-webkit-touch-callout: none; /* iOS Safari */
　　　　-webkit-user-select: none; /* Chrome/Safari/Opera */
　　　　-khtml-user-select: none; /* Konqueror */
　　　　-moz-user-select: none; /* Firefox */
　　　　-ms-user-select: none; /* Internet Explorer/Edge */
　　　　user-select: none; /* Non-prefixed version, currently not supported by any browser */
　　}

　　IE < 10 和Opera < 15 屬性 unselectable="on"

dbClick

　　var touchtime = new Date().getTime();

　　 if( new Date().getTime() - touchtime < 500 ){
console.log("dblclick");
}else{
touchtime = new Date().getTime();
console.log("click")
}

移動端問題解決[記錄]