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"; } }
