万恶的ie(还好只是ie11)

问题

ie 11 兼容性问题：主要体现于以下两点：1.布局错乱2.Promise等ES6新特性不支持，需要babel-polyfill

布局错乱
主要原因：原来我以为这是ie 11对max-width,min-width的支持薄弱造成的，但后来经过试验发现min-width,max-width显示是正常的，但我的解决方法是通过把对应的div标签的min-width,max-width,width设为相等的一个数，然后让这个属性只对ie11生效

<!-- 以下代码是只会在ie 11中执行 css hack 方法，针对不同版本的可以在网上进行搜索-->
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {#id-selector {max-width: 353px !important;min-width: 353px !important;width: 353px !important;}
}

ie11不支持ES6新的Api(如Promise)
解决方法是通过增加babel-polyfill这个库来进行打补丁,具体安装方法可以看链接，在这里我主要讲下怎么在使用Vue-cli3 + typescript生成的项目中使用(注意此时使用的是webpack4),而我们主要是对webpack进行配置

// wenpack4升级后没有了webpack.base.conf.js,webpack.dev.conf.js等乱七八糟的文件，因为这些webpack4都默认给你配置了,我们只需要对某些向进行配置就可以了
// vue.config.jsmodule.exports = {devServer : {// 可以在这里配置跨域},configureWebpack: config => {// 在这里可以对不同环境下的打包方式进行配置// 我们更改的主要配置：程序的入口文件也是在这里// 注意要先添加这个模块哦config.entry.app = ['babel-polyfill', './src/main.ts'];}，chainWebpack: config => {//暂时不清楚，以后再来填坑}
}

万恶的ie(还好只是ie11)相关推荐

vue+iview 兼容IE11浏览器
最近在搞一个基于vue的后台管理系统兼容IE浏览器,眼泪都要掉下来.后来和产品说了,同意兼容IE11,感动得我眼泪啊这里也就是记录一下我遇到的超级烦的bug 首先是'babel-polyfill' ...
The Last Naruto,兼容IE11的vue脚手架
摘要 the-last-naruto是一个基于Vue@2.7和Vite@3的一个项目模板(支持IE11浏览器),灵感来源自antfu大佬的vitesse-lite.旨在给项目上还需要支持IE11浏览器 ...
积跬步，聚小流------Bootstrap学习记录(2)
现阶段开启每一次新的征程,已然离不开"Hello World"的习惯仪式.这次自然也不例外.先来看下给出的官网给出的演示样例: 1.bootstrap官网提供的html基本模板代码 ...
【转载】Unix编程艺术——Unix哲学
Unix编程艺术主要介绍了Unix系统领域中的设计和开发哲学.思想文化体系.原则与经验.此文大致摘录了Unix的哲学. web程序员也应该看看此书,软件开发和web开发很多地方都是相通的.看完之后,我 ...
html溢出部分纵向滚动,html - 无法滚动到溢出包含的flex项目的顶部
html - 无法滚动到溢出包含的flex项目的顶部因此,在尝试使用flexbox创建一个有用的模式时,我发现了什么似乎是一个浏览器问题,我想知道是否有一个已知的修复或解决方法 - 或者如何解决它的 ...
php代码审计命令执行,PHP代码审计笔记--命令执行漏洞
命令执行漏洞,用户通过浏览器在远程服务器上执行任意系统命令,严格意义上,与代码执行漏洞还是有一定的区别. 0x01漏洞实例例1: $target=$_REQUEST['ip']; $cmd = sh ...
Vue判断IE浏览器版本并提示
首先接到这个任务时感觉很懵.首先让我们梦回2016. 然而公司竟然还有人用IE11以下的版本.你说神奇不神奇? 看了好几篇文章,搜了好多代码.下面进入正题: 原始代码放入public/index.ht ...
关于最简单的敲竹杠病毒的密码破解
现在敲竹杠病毒越来越复杂,骗术也越来越精明,下面介绍对于最简单的敲竹杠病毒的密码的破解.因此现在你遇到的大部分敲竹杠病毒不会像下面一样这么容易就被破解了,不过这种情况确实存在的. 介绍: 根据电脑病毒 ...
Win 8下IE10/IE11提示“您还没有安装flash播放器，请点击这里安装”的解决办法
在Win 8和最新发布的Win 8.1系统中,IE10和IE11浏览器都默认内置了Flash插件,方便用户在Modern版IE下可以查看Flash内容. 不过有不少用户反馈,在使用IE10或IE11在 ...
bootstrap支持ie8 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
做一个在线系统,PC端也要做,但要兼容千恶的IE8[IE6 是万恶,打死我都不会管IE6],IE8 是我底线了md, 在IE8下 bottstrap 错乱,变形,不支持一些属性的问题,下面看了一篇某 ...

万恶的ie(还好只是ie11)

问题

万恶的ie(还好只是ie11)相关推荐

最新文章

热门文章