zoukankan      html  css  js  c++  java
  • 关于<meta>的各种用处以及移动端的常见问题

    1.优先使用最新版本的IE和Chrome

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    2.关闭IOS键盘首字母自动大写

    <input type="text" autocapitalize="off" />

    3.移动端取消touch高亮效果

    html {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    4.禁止保存或拷贝图片

    img { 
        -webkit-touch-callout: none; 
    }

    5.移动端适配js

    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

     6.IOS下input有阴影

    input,
    textarea {
        border: 0; /* 方法1 */
        -webkit-appearance: none; /* 方法2 */
    }

     7.双核浏览器默认以其内核渲染

    <meta name="renderer" content="webkit">//默认webkit内核
    
    <meta name="renderer" content="ie-comp">//默认IE兼容模式
    
    <meta name="renderer" content="ie-stand">//默认IE标准模式
    
    //例如360极速浏览器,因为国内IE浏览器盛行,一些银行系统只能用IE浏览器运行,在双核浏览器下就可以指定renderer属性默认以其内核渲染
  • 相关阅读:
    局域网主机A向主机B发送ip数据报的过程
    用户使用浏览器访问万维网经历的步骤
    sql
    PMP:总概
    LINQ
    下拉框
    PMP:项目采购管理
    PMP:项目风险管理
    PMP:沟通管理。相关方管理
    PMP:项目资源管理
  • 原文地址:https://www.cnblogs.com/xueweijie/p/6841116.html
Copyright © 2011-2022 走看看