对于WEB项目兼容IE浏览器的办法

最新推荐文章于 2022-12-16 15:39:48 发布
最新推荐文章于 2022-12-16 15:39:48 发布
阅读量1k 收藏
点赞数
分类专栏： 经验
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jingshuigg/article/details/12611915
版权

       IE浏览器为了兼容它的低版本，所以打开浏览器时它的文字模式一般默认的是选择Quirks模式

这就导致了很多显示问题：如在IE8等标准模式下显示正常的东西就出现了错误。所以我们自然会想

到要是浏览器打开时就按标准模式（如IE8标准）加载就好了，这就要求我们去固定它的文档模式。

微软的给我们的解决方案是设置X-UA-Compatible。如在<head>标签内加入

<meta http-equiv="X-UA-Compatible" content="IE=8" />

那么IE8，IE9，IE10打开是文档模式都是IE8标准，所以我们只要要求客户的浏览器版本为IE8以上

就可以保证都正常显示了




详细的知识可以参考：IE浏览器兼容

jingshuidxdy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
针对IE浏览器的兼容问题小结
09-24
在网页开发过程中，IE浏览器（Internet Explorer）的兼容性问题一直是一个重要的关注点，尤其是在早期版本的IE中，由于其对Web标准的支持不足，导致了许多与现代浏览器不同的渲染和行为问题。本文主要针对IE浏览器的...
pdfjs预览插件，兼容IE浏览器
05-11
对于标题提到的"pdfjs预览插件，兼容IE浏览器"，这意味着我们讨论的是如何在Internet Explorer（IE）这种已经较为老旧且对现代Web标准支持不足的浏览器上，利用PDF.js实现PDF文档的预览功能。 PDF.js的核心在于其跨...
IE6常见CSS解析Bug及hack
浪神无敌
08-30 199
IE6常见CSS解析Bug及hack 1)默认高度（IE6） 描述：在IE6及以下版本中，部分块元素拥有默认高度（在16px左右；） hack1:给元素添加声明：font-size:0; hack2：给元素添加声明：overflow:hidden; 2)图片有边框BUG 当图片加在IE上会出现边框 Hack:给图片加border:0;或者border:none; 3)图片...
vue 项目兼容 IE 浏览器
weixin_43749669的博客
12-16 5122
前言 : 网上 找了很多关于 vue项目兼容 IE 浏览器的 教程步骤 , 写的 非常详细 , 但根据我自己的项目,怎么找 都没有找到 webpack.base.conf.js 这个文件 ,就没办法配置。因为 vue-cli最新版本原因 , 隐藏了配置文件, 所有的 都在 vue.config.js中配置。到这 就完美结束 , IE 就能完美运行 起来了, 希望对你有所帮助 , 欢迎留言, 共同进步!: (具体是干嘛的 我还没弄明白,大神如果知道可留言解答!
有关css和js针对不同浏览器兼容的问题
weixin_30567225的博客
03-03 400
首先谈一下浏览器，虽然现在ie依然是浏览器市场的老大，大约占有67%的份额，但是由于其各方面的欠缺，用户开始选择其他浏览器作为自己浏览网页的主要 工具，比如firefox、theworld、maxthon、chrome、opera等等，在用户使用比较多的浏览器中，分为2大派系 - ie内核和非ie内核，像theworld、maxthon、greenbrower等等都属于ie内核，而firefox、...
WEB开发中,一行代码解决各种IE兼容问题
叶炎灵的博客
03-24 874
https://www.cnblogs.com/pyman/articles/7942869.html
前端常见的浏览器兼容性问题及解决方案
weixin_30659829的博客
09-14 340
常见的兼容性问题： 1、不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同 解决方案： css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题；在 IE6中设置了float , 同时又设置margin , 就会出现边距问题 解决方案：设置display:inline; 3、当标签的高度设置小于10px，...
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
总的来说，解决Vue项目在IE浏览器中显示空白的问题，关键在于确保项目中的现代JavaScript代码能够被老旧浏览器理解并执行。通过引入`babel-polyfill`和其它必要的垫片库，我们可以使Vue项目在更广泛的浏览器环境中...
谷歌浏览器js打开IE浏览器.rar
10-26
总之，这个压缩包提供的示例是为了在Chrome中通过JavaScript打开IE浏览器，这在处理旧版Web应用兼容性问题时可能会有用。然而，这种做法并不推荐长期使用，因为其依赖于特定的系统配置和浏览器特性，且不符合Web开发...
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
11-23
在JavaScript中，判断Internet Explorer（简称IE）浏览器的版本或是否是IE浏览器，通常涉及到对`navigator.userAgent`字符串的分析，以及利用IE特有的API。在IE10和IE11中，由于微软试图向Web标准靠拢，某些API的...
开发web项目时在IE浏览器测试各个版本号的兼容性
奋斗到天明~
12-05 759
** 这段时间做一个响应式的官网，浏览器兼容问题，首先就是IE浏览器了，因为有的‘资深’用户喜欢用IE查看网页和查找资料,但我们开发者一般电脑上浏览器一般用的都是最新版的，下面让我我来告诉你们怎么调整旧版本的浏览器，对刚接触前端的老兄应该有帮助 ** 注意看图片箭头提示噢(●’◡’●) ...
项目兼容ie8技术要点
云_飞扬
07-17 1万+
好久没有写博客了，因为最近公司项目要调ie8兼容，一直在忙这事，终于竣工了，跟大家分享下这老掉牙的浏览器是如何搞定的。。。欢迎大家指教 项目是使用的jeecg框架，后台使用的java,前端页面使用了bootStrap,jquery,easyui框架，页面是jsp+less+js，还用到了好多html5的新标记以及CSS3的新属性以及媒体查询。由于当时做项目时没有考虑ie8，所以改的过程中遇到了好...
vue 项目在ie浏览器的兼容问题
热门推荐
尹小姐的博客
06-26 5万+
不兼容是因为对es6不支持 一、关于babel-polyfill 1、说明：This will emulate a full ES2015+ environment and is intended to be used in an application rather than a library/tool. This polyfill is automatically loaded when u...
JavaWeb项目在chrome浏览器能正常运行而在IE浏览器运行出错，连localhost:8080都打不开
FungLi_notLove的博客
07-24 2851
公司要求项目用IE浏览器，我用同样的项目在chrome能运行,在IE11上却打不开，连localhost:8080都打不开
WEB前端：浏览器（IE+Chrome+Firefox）常见兼容问题处理【03】
Java仗剑走天涯
05-14 6581
兼容问题目录16、IE67下子级有相对定位，并且比父级要大。那父级overflow:hidden;后是包不住它的 17、IE6下同一层级的浮动元素会盖住绝对定位元素 18、IE6下定位父级的宽高是奇数的话，元素的right值或者bottom值会有1px的偏差 19、IE6下通过margin负值，使元素移出父级的位置，那出去的部分会被截掉 20、IE67下输入类型的表单控件，上下两边各有1px
【web前端】IE浏览器兼容问题
Code洁的杂货铺
01-21 510
针对IE浏览器的兼容 padding:10px; padding:9px\9; /* all ie */ padding:8px\0; /* ie8-9 */ *padding:5px; /* ie6-7 */ +padding:7px; /* ie7 */ _padding:6px; /* ie6 */
el-image-viewer怎么兼容ie浏览器
最新发布
05-18
2. 使用 Element UI 官方提供的兼容IE浏览器的版本：Element UI 提供了一个兼容IE浏览器的版本，你可以尝试使用这个版本的 el-image-viewer 组件。 3. 自己编写一个兼容IE浏览器的版本：你可以根据 el-image-viewer...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值