zoukankan      html  css  js  c++  java
  • 移动端页面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";
                    }
                }
  • 相关阅读:
    每日日报24
    每日日报23
    每日日报22
    链路层:MAC 地址
    应用层:电子邮件
    应用层:HTTP 协议
    应用层:DNS 域名系统
    运输层:TCP 拥塞控制
    运输层:拥塞控制原理
    JAVA学习日记26-0731
  • 原文地址:https://www.cnblogs.com/rlann/p/7140391.html
Copyright © 2011-2022 走看看