ie hack 兼容完美解决方案(前端网备份)

hack 速查表
思路:

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    /*IE9+ CSS*/
    .carController {
        width: 500px;
    }
    .el-switch {
        width: 300px !important;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .carController {
        width: auto !important
    }
}

比如上面是之前人写的ie向上兼容方案,结果ie11出了问题不兼容,然后下面一条写的是ie10向上兼容方案,完美解决

原文地址:https://www.cnblogs.com/lsc-boke/p/10996964.html

时间: 2024-10-04 01:05:11

ie hack 兼容完美解决方案(前端网备份)的相关文章

一些算法案例,如一个数组里取是个随机数(前端网备份)

先来看:var arr = [1,2,3,4,5,undefined,7,8,9,10,11,12,13,14];var len = arr.length;console.log(len);console.log(arr);console.log(arr[5]);if(arr[5]){console.log(arr[5]);}else{console.log("b");}输出如下14(14) [1, 2, 3, 4, 5, undefined, 7, 8, 9, 10, 11, 12,

小程序操作DOM以及JS求取字符串算法(前端网备份)

//js获取字符串的字节长度 //这套算法一个汉字2字节,字母符号1字节,按一行40个字节算4行 getLength:function(val){ var str = new String(val); var bytesCount = 0; for (var i = 0, n = str.length; i < n; i++) { var c = str.charCodeAt(i); if ((c >= 0x0001 && c <= 0x007e) || (0xff60

vue2.0生命周期详解(前端网备份)

这篇大佬用图文分析详解vue2.0里面的生命周期<script src="https://cdn.bootcss.com/vue/2.4.2/vue.js"></script>;页面中渲染的优先值:所以综合排名优先级:render函数选项 > template选项 > outer HTML. https://segmentfault.com/a/1190000011381906 下面这个链接的console更清晰https://www.cnblogs

处理字符串中逗号的js算法,3种(前端网备份)

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>111</title> </head> <body class="gray-bg&qu

二维json 遍历取值(前端网备份)

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>111</title> </head> <body class="gray-bg&qu

跨页面,a-&gt;b,b传数组给a(前端网备份)

实际情形是course creat(a) 和creat2(b)a页面点击按钮跳到b页面,b页面类似于提交表单,提交后返回a页面,a页面则多了一条数据用来展示以及删除,然后a页面再点按钮...此过程可以重复b页面var obj = new Object();obj.week = week;obj.time = time;obj.classroom=classroom; if(localStorage.courses==null){var c = [obj];//obj为数组,c为数组对象conso

微信缓存以及苹果手机无法返回上一页以及history不识别(前端网备份)

window.addEventListener('pageshow', function(e) {var da = history.length;console.log(history.length);//监听history返回的是数字getData();}); function getData(){ $.post("/myteam/getData.json?time="+new Date().getTime(),function(data){ // console.log(data)

深入css3帧动画实现ps时间轴动画效果steps()(前端网备份)

在应用 CSS3 渐变/动画时,有个控制时间的属性 <timing-function> .它的取值中除了常用到的 三次贝塞尔曲线 以外,还有个让人比较困惑的 steps() 函数. steps() 第一个参数 number 为指定的间隔数(必须是正整数),即把动画分为 n 步阶段性展示,第二个参数默认为 end,设置最后一步的状态,start 为结束时的状态,end 为开始时的状态. <!DOCTYPE html> <html> <head> <met

遇见的一些数据处理的解决(前端网备份)

例子1:把data1数组变成data2类型的数组data1:Array(5)0:{name: "上班", value: "1"}1:{name: "下班", value: "1"}2:{name: "迟到", value: "1"}3:{name: "早退", value: "2"}4:{name: "旷工", value: &