• 关于<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属性默认以其内核渲染
  • 相关阅读:
    进度3
    进度2
    进度1
    库存物资管理系统
    课程管理系统
    文件与流作业
    bzoj4027: [HEOI2015]兔子与樱花
    bzoj2067: [Poi2004]SZN
    bzoj2071:[POI2004]山洞迷宫
    bzoj1063: [Noi2008]道路设计
  • 原文地址:https://www.cnblogs.com/xueweijie/p/6841116.html
Copyright © 2020-2023  润新知