移動端頁面a input去除點擊效果及pc端切換


1 手機端頁面a button input去除點擊效果以及閃屏問題 添加:

a,
button,
input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

 2 使用border創建小三角形

span {
        height: 0px;
        width: 0px;
        border-top: 5px solid #006633;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }

 3 去除點擊效果

outline:none;

background:none;

box-shadow:none;

 4 移動端和pc端使用不同頁面,判斷設備是pc端還是移動端,並進行鏈接的切換跳轉

            window.onload = function() {
                function isPC() {
                    var userAgentInfo = navigator.userAgent;
                    var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
                    var flag = true;
                    for(var v = 0; v < Agents.length; v++) {
                        if(userAgentInfo.indexOf(Agents[v]) > 0) {
                            flag = false;
                            break;
                        }
                    }
                    return flag;
                }

                if(!isPC()) {
                    window.location.href = "home.html";
                }
            }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM