移動端問題解決[記錄]

標籤：路徑   call   spec   相容   lex   根據   檔案   mvvm   version   

盒模型的不相容

　　.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")
        }

 

移動端問題解決[記錄]