首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的可视界面在IE 11上不能工作,但在edge,chrome firefox等上却可以。显示:flexbox可能是问题所在?

在IE 11上无法正常工作的可视界面可能是由于其不完全支持现代的Web标准和技术所导致的。Flexbox是一种CSS布局模型,用于实现灵活的盒子布局,但是在IE 11中对Flexbox的支持较为有限。

Flexbox在现代浏览器(如Edge、Chrome、Firefox等)中得到了广泛支持,并且在这些浏览器中可以正常工作。然而,IE 11是一个较旧的浏览器版本,其对Flexbox的支持存在一些限制和兼容性问题。

为了解决在IE 11上无法正常工作的问题,可以考虑以下几个方案:

  1. 使用其他布局方式:如果可行的话,可以尝试使用传统的CSS布局方式,如浮动、定位等来替代Flexbox布局。这样可以确保在IE 11上的兼容性。
  2. 使用Polyfill或CSS前缀:可以使用一些Polyfill库(如flexibility.js)来模拟Flexbox布局的功能,以实现在IE 11上的兼容性。另外,还可以使用CSS前缀来确保在不同浏览器中的兼容性,例如使用-ms-前缀来适配IE浏览器。
  3. 检查其他可能的兼容性问题:除了Flexbox之外,还可能存在其他CSS属性或JavaScript代码在IE 11上不兼容的情况。可以通过检查浏览器的开发者工具,查看是否有报错信息或警告,以确定是否存在其他兼容性问题。

总之,IE 11的兼容性问题是由于其对现代Web标准的支持不完整所导致的。为了确保在不同浏览器上的兼容性,开发人员需要考虑到不同浏览器的特性和限制,并根据实际情况选择合适的解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

CSS-各种cs样式之浏览器兼容处理方式汇总大全(更新中...)

--IE=edge告诉IE使用最新引擎渲染网页,chrome=1则可以激活Chrome Frame。视情况添加。 21 --> 22 <!...说说ie下浮动后错位导致和正常浏览器观看效果不一致现象吧: 经过仔细观察,是因为清楚浮动ie下没有效果原因, 把内部浮动元素删掉以后,外表框就可以被撑起来了,效果也就和普通浏览器没有区别了。...缺点是要控制内容不要换行 7、cursor: pointer 可以同时 IE FF 中显示游标手指状, hand 仅 IE 可以 8、FF: 链接加边框和背景色,需设置 display: block,...参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以 menubar 中插入一个空格。...important;margin:28px;} 注意这两个margin顺序一定不能写反,据阿捷说法!important这个属性IE不能识别,但别的浏览器可以识别。

1.6K50

完美掌握多行文本修剪技巧:CSS中实用指南

2012年,随着Chrome中第一次实现CSS Flexbox,第一次支持多行文本修剪。...CSS Flexbox 模块更新了两次,之后就没有留下任何多行特性痕迹,这个特性是 CSS Flexbox 第一次实现中引入。...这次是Firefox浏览器决定支持此功能。同样,以同样不寻常方式。 IEFirefox使用了旧Flexbox模块和 -webkit 前缀。...非官方行数限制现在成为官方了 主流浏览器如FirefoxEdge开始支持非官方 line-clamp 功能,这意味着这个功能已经成为常态。...使用 line-clamp 非常简单: 文本容器定义旧 CSS Flexbox 属性 display: -webkit-box; 使用以下方法定义要显示文本行数 -webkit-line-clamp

27740
  • IE 浏览器已“死”,一个时代终结

    官方提示指出,如果访问任何网站需要 Internet Explorer 11可以 Edge 浏览器中使用“IE 模式”重新加载它。...尤其是面对 ChromeFirefox 等更现代浏览器时,IE 劣势更加明显。...2 ChromeFirefox 异军突起,IE 辉煌不再 IE 疲劳于修复 bug 无暇专注改善用户体验与功能更新同时,FirefoxChrome 慢慢展开了与 IE 竞争。...2021 年 8 月 18 日,其余 Microsoft 365 应用与服务都停止支持 IE 11。 对于普通用户来说,接下来几个月中,打开 IE 就会被重定向到 Edge。...用户仍会在自己设备看到 IE 浏览器图标(例如在任务栏或开始菜单中),但如果他们点击打开 IE 浏览器,Edge 浏览器就会被打开并进入 IE 模式。

    49510

    27年,IE时代终落幕

    用最浅显的话解释就是,如果说IE算爸爸辈,Edge算儿子辈,那NCSA Mosaic就是当之无愧爷爷辈。 它是最早显示图片浏览器。 爷爷之前,还有很多显示不了图片浏览器。...Chrome推出了创新用户界面,该界面具有很少按钮,以及用于输入URL和搜索查询输入栏。这些设计立即让Chrome茫茫多浏览器中脱颖而出。...但同时,另一个原因也不能忽视,Chrome背后是全球最大搜索引擎公司——谷歌。 这感觉,有点像当时和Win95绑定IE,现在Chrome背后也是一座大靠山。...此外,估计是为了强推Windows 10,Edge不能用在早前Win 7和Win 8。 根据StatCounter数据,第一版Edge使用份额从未超过5%,甚至还不及IE。...此外,即便你停在旧版Windows 10不更新,打开IE11时也会跳转到Microsoft Edge

    48720

    抛弃 IE8,这是我们做一个艰难决定

    Trident/4.0:IE8 从 IE11 开始又去掉了 MSIE 标识,所以不能通过 MSIE 来判断了 这样我们就大概明白了,上面我们截图中 Trident/7.0 表示是 IE11,但是为什么图三又有了...而上面的两个没有兼容模式到底是 IE11 还是 IE 几? 再者这只是测试了三个双核浏览器,还有那么多国产双核浏览器又该是什么? 如何检测通知升级 首先我们目标是检测 IE8- 提示升级。...当然这是当前目标,但是我们有个更长远目标,以后IE9、10要被抛弃时候,我们希望也可以用。...let pat1 = /Chrome|Firefox|Safari|Edge|Opera|Webkit/g; // 得到IE版本 let pat2 = /MSIE\s(\d+)\....组件 当然上面的代码只是解决方案思路,还是有点粗糙,接下来就是搞个组件,要用时候 npm install 下就可以了。所以现在要去写组件了,bye。

    77510

    抛弃 IE8,这是我们做一个艰难决定

    Trident/4.0:IE8 从 IE11 开始又去掉了 MSIE 标识,所以不能通过 MSIE 来判断了 这样我们就大概明白了,上面我们截图中 Trident/7.0 表示是 IE11,但是为什么图三又有了...而上面的两个没有兼容模式到底是 IE11 还是 IE 几? 再者这只是测试了三个双核浏览器,还有那么多国产双核浏览器又该是什么? 如何检测通知升级 首先我们目标是检测 IE8- 提示升级。...当然这是当前目标,但是我们有个更长远目标,以后IE9、10要被抛弃时候,我们希望也可以用。...let pat1 = /Chrome|Firefox|Safari|Edge|Opera|Webkit/g; // 得到IE版本 let pat2 = /MSIE\s(\d+)\....组件 当然上面的代码只是解决方案思路,还是有点粗糙,接下来就是搞个组件,要用时候 npm install 下就可以了。所以现在要去写组件了,bye。

    93660

    IE 今天正式停用!网友炸锅了

    本来以为再也不会用 IE 浏览器了,就在新电脑里把 IE 这碍眼东西给删了。但没想到,上了大学之后,很多必填报名网站,用 ChromeFirefox 等主流高速内核浏览器都打不开!...那只能试试兼容内核浏览器了,比如 IE 浏览器。但直到最后,还是不想用 IE(已经嫌弃到这种地步了么),于是选择 Chrome 中安装 IE Tab 扩展插件来解决。...大学时加入了一个给学校开发校园网站工作室,一开始做网站时就在 ChromeFirefox 里查看界面效果,见没有问题就交给老师了。...当时心里真的是一万匹草泥马狂奔,都二零一几年了,IE 份额都小成渣儿了,还在为了他而努力。...大学毕业后,依然是不再使用 IE 了,但每当一些老网站(比如银行) Chrome 中打不开时,又会想起 IE,他也果然完美支持,没有让失望。

    1K20

    IE寿终正寝,网友们搞起了真·墓碑……

    到了2002年,其市场份额达到了惊人96%,可以说占据了浏览器领域绝对统治地位。 只是IE成功了,却也懈怠了。...没错,就是火狐浏览器(Mozilla Firefox)名字里那个Mozilla。 这也是为什么,火狐被认为是网景“精神续作”。 2004年,火狐推出1.0版本。...Chromium对现今浏览器影响不消多说: 如今替代了IE Windows系统默认浏览器之位Microsoft Edge2020年也已经改为基于Chromium开发。...2016年,微软宣布将会停止发布Internet Explorer 11之前版本安全更新。 2020年,微软宣布将陆续停止对IE支持。 2021年,微软预告了IE“寿终正寝”。...数据显示,在上个月,IE全球市场份额仅余0.64%。

    22440

    6 个没人讲过 CSS 属性

    虽然 HTML 能够负责创建网站结构并进行图文排列,但在设计网站上无能为力。 自 1994 年以来,设计网站一直是 CSS 唯一目的,它是一门描述网站外观语言。...从 Chrome 版本 37 和 Firefox 版本 27 开始它们都支持了这个属性。Edge 浏览器也支持此属性,但 IE 并不支持。...2. writing-mode 最近写过一篇有关寻找设计灵感神奇地方文章,里面列举网站和我偶然发现许多站点中,文本都是一侧竖直排列。 ?...来源:httpster 在上图右侧(滚动条附近),我们可以看到侧边竖直排列文本,而这恰好就是一种显示附加信息巧妙方法。 writing-mode 属性可以让我们实现这个效果。...图源作者 我们也可以使用自定义图片作为文本背景: ? 图源作者 值得注意是, Chrome 我们需要使用 -webkit-background-clip 属性,并确保文本颜色设置为透明。

    93910

    为什么抛弃了新版 Microsoft Edge 浏览器

    最初微软公布基于 Chromium 新版 Edge是非常高兴,对于中国大陆用户来说,终于有一款能稳定使用云服务 “大厂出品” 国际版浏览器了。...除此之外,本文章内所有提及 Firefox 地方均指 Mozilla 国际版, 永远修不好新标签页 Edge 新标签页可能是世界最难写代码,从发布至今,新标签页样式不是横向溢出就是纵向溢出,...,Cannot read property 'value' of undefined: image.png 加载十年历史记录 自从更换为 Popup 弹出框后,Edge 历史记录从来不会在一秒内显示出来...,只要使用历史记录,盯着骨架屏等待是不可避免: image.png 奇怪新标签页搜索设计 不知是从哪个版本起,近期设置内将搜索引擎设置为 Google 后,地址栏确实能正常使用,但新标签页搜索框永远锁定为...Bing;虽然确实在设置内将 “新标签页搜索使用搜索框或地址栏” 设置为 “地址栏” 后能解决,但输入文字就跳到地址栏设计实在是反人类: image.png 上古时代搜索设计 和 Chrome

    1.4K10

    Edge 拥抱 Chromium 对前端工程师意味着什么?

    / 2018年12月,微软宣布 Edge 将采用 Chromium 内核,这是一个为 Google Chrome 提供支持开源项目。...这些元素在一起使用,可以生成一个显示和隐藏内容简单小部件。...虽然我们不再需要浮动进行布局,但我们可以创造性地用它们来围绕图像和形状对文本 shape-outside 属性进行包装。这可以和 clip-path 属性结合使用,该属性可以形状内显示图像。 ?...各种各样设备和浏览器使浏览器测试成为使前端开发人员最不愉快任务之一。Edge 现在可供 macOS 用户使用,这对于我们 Mac 上工作的人来说非常有用。...Google 开发人员确实倾向于炒作仅在 Chrome 中发布功能。 # 来自竞争者合作 Edge 而不是新 IE 可以帮助 web 创新。

    1.3K30

    8 款浏览器兼容性测试工具介绍,需要赶紧收藏吧!

    浏览器兼容性问题,是指不同浏览器使用内核及所支持 HTML 等网页语言标准不同,用户客户端环境不同造成显示效果不能达到理想效果。...为此,我们可以多台计算机或者多台虚拟机上部署不同浏览器进行测试,但这种方法会造成一定资源浪费、或存在卡顿情况。为提高测试效率,可以利用一些浏览器兼容性测试工具来完成测试工作。...种浏览器,覆盖所有旧版本 Internet Explorer(IE6 - IE11),最新测试版和开发版(Edge,Safari,ChromeFirefox,Opera 和 Yandex)以及各种真实...不仅是 Chrome ,这个插件还在 Firefox、Safari、Internet Explorer、Edge、Android Chrome 和 iOS Safari 截图。...您可以针对数十种浏览器和真实设备开展 Web 应用测试,并获得即时结果。支持 ChromeFirefox、Safari、EdgeIE、Windows、OSX、iOS 等。

    6.2K30

    adobe 、nvidia一些软件登录时弹窗白屏如何解决?

    adobe 、nvidia一些软件登录时弹窗白屏,那个弹窗本质是个web页面,可能是默认浏览器不兼容或者IE ESC拦截了。...nvidia omniverse登录时候有个弹窗白屏,不能登录成功,弹窗上URL显示localhost:33480,本地回环不用放安全组,但我还是自己骗自己把安全组33480端口放行所有了,无济于事...(等了大概2分钟)才显示最后界面,没有一直白屏,没有复现一直白屏问题。...仔细想了下,一次性成功之前IE ESC关了,过程中才没有拦截,然后重置系统后,没关IE ESC,安装时候就拦截了,复现一直白屏问题。...,不存在IE ESC,但Win10默认浏览器是Edge呀,印象中Edge就是垃圾,兼容性也一般,最讨厌浏览器就是Edge

    2K20

    重新定义Chrome开发者工具

    你可能在重复使用同样几个面板--知道是这样!但是,你知道吗? 事实证明,Chrome DevTools(以及其他基于Chromium浏览器,如Edge)中,有超过30个(30个啊!)...事实,当我Firefox工作时,我们曾尝试Firefox DevTools中删除字体面板,结果反应相当迅速和强烈--以至于我们把它放了回去。...最后一个例子,Chrome团队2020年删除了属性侧边栏窗格,但后来在看到人们对它需求后又将其添加了进来。 单纯使用数字并不能很好地衡量一个工具价值。...你也可以浏览器中安装扩展,为DevTools添加新面板,但在主要框架扩展之外,并没有很多有用扩展(例如React)。从事DevTools工作团队是几乎做了一个网络开发者可能需要所有工具。...但是多年来,Chrome团队抽屉里添加了越来越多东西,特别是那些有用但还没有普及到可以主标签栏占有一席之地次要工具(例如,渲染面板就被添加在那里)。

    1.2K106

    浏览器自动填充功能真的安全吗?看未必!

    今天这个“芯片当道”时代,信用卡数据被盗事件发生概率也一直在上升,因为攻击者可以利用各种各样方法来窃取信用卡数据,而一块小小芯片并不能保证信用卡在网络环境中安全。...IEEdgeChromeFirefox都会调用这种自动填充功能,但不幸是,它们存储敏感信息方法是存在安全问题。...当然了,我们也有更安全DPAPI使用方法,但在解密过程中需要用户干预,我们待会儿再讨论。 Firefox存储自动填充数据时,完全不会对数据进行加密。...”): 除了Chrome之外,IEEdge都会使用相同处理过程来完成表单域自动填充。...不同是,IEEdge会将自动填充数据以加密BlobData形式随机存储注册表键中。

    2K60

    IE 正式入土!网友祭出实体版墓碑...

    没错,就是火狐浏览器(Mozilla Firefox)名字里那个Mozilla。 这也是为什么,火狐被认为是网景“精神续作”。 2004年,火狐推出1.0版本。...Chromium对现今浏览器影响不消多说: 如今替代了IE Windows系统默认浏览器之位Microsoft Edge2020年也已经改为基于Chromium开发。...数据显示,在上个月,IE全球市场份额仅余0.64%。 最后问一句:你们应用现在还要求支持IE吗?留言区说说呗!...另外,如果你最近想跳槽的话,年前花了2周时间收集了一波大厂面经,节后准备跳槽可以点击这里领取!...如果你还没什么方向,可以先关注,这里会经常分享一些前沿资讯,帮你积累弯道超车资本。 点击领取2022最新10000T学习资料

    28250

    vueIE下无法正常工作,Promise未定义?

    用vue写了一个日历组件,FirefoxEdgeChrome以及360等浏览器极速模式中运行一切正常,如图: 但在IE和360等浏览器兼容模式下显示了模板,看起来像乱码一样,如图: 按F12...左思右想,突然灵光一闪,ES5函数声明中并不能为形参赋默认值,这种写法是ES6新增,而IE是不兼容ES6,那就把代码改一改,这里不再赋默认值,为了让方法可以正确执行而不报错,调用这个方法地方都强制传参就好了...`es6-promise`项目[github地址](https://github.com/stefanpenner/es6-promise) 现在,这个组件终于可以IE正常展示了!...最后,我们项目是否需要兼容ES5需要您对您用户有一个较为明确认知,并不是所有项目都需要去做ES5兼容,毕竟因此会增加不少工作量。...VUE: 1 / 1 vueIE下无法正常工作,Promise未定义?

    4.2K20

    一文带你看透 Chrome 浏览器架构

    分别是负责解析 HTML 和 CSS 内容,并将解析后内容显示屏幕 和 用于解析和执行 JavaScript 代码。 后端服务层,这里包含了一些后端服务。...IE: Trident Edge: EdgeHTML, Blink Webkit2:2010年随OS X Lion⼀起⾯世。...Firefox16年时候重写,重写之后一些页面旧代码可能出现兼容性问题。...5)Trident 是 IE4+ 内核,一直持续到 IE11,EdgeHTML 是微软抛弃 IE 后开发全新内核 渲染引擎工作流程 渲染引擎主要工作都是以HTML/JavaScript/CSS等文件作为输入...这样可以做到,当 Chrome 强大硬件运行时,它可能会将每个服务拆分为不同进程,从而提供更高稳定性,但如果它位于资源约束设备Chrome 会将服务整合到一个进程中,从而整合流程以减少内存使用

    1.9K20

    【转】不同内核浏览器差异以及浏览器渲染简介

    Rendering Engine,顾名思义,就是用来渲染网页内容,将网页内容和排版代码转换为可视页面。因为是排版,所以肯定会排版错位等问题。为什么会排版错位呢?...3、页面兼容性判断     确保IE浏览器没有损坏基础,搭配一款非Trident内核浏览器进行判断,如果可以的话,最好所有内核都配齐了。    ...终于等到了到来,浏览器泪流满面……    10. 等等,还没完,用户点了一下界面“换肤”按钮,Javascript让浏览器换了一下标签CSS路径;    11....现在界面上流行一些效果,比如树状目录折叠、展开(实质是元素显示与隐藏)等,都将引起浏览器 reflow。...脑海中,我们想象浏览器会像这样工作:找到唯一ID为nav元素,然后把这个样式应用到直系子元素li元素

    2.1K10

    Web前端最全面试宝典- CSS篇

    行内块元素兼容性使用(IE8 以下) Q1)行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效...CSS当中,相邻两个盒子(可能是兄弟关系也可能是祖先关系)外边距可以结合成一个单独外边距。这种合并外边距方式被称为折叠,并且因而所结合成外边距称为折叠外边距。...LESS 既可以客户端上运行 (支持IE 6+, Webkit, Firefox),也可一服务端运行 (借助 Node.js)。 为什么要使用它们? 1)结构清晰,便于扩展。...设置左右margin为auto 3)IE6下需父元素设置text-align: center;,再给子元素恢复需要11.CSS优先级算法如何计算?...8)Chrome 中文界面下默认会将小于 12px 文本强制按照 12px 显示, 可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决。

    1.1K10
    领券