移动端问题解决[记录]

Posted 2020-10-06 丶七月小先生丶

盒模型的不兼容

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