当前位置: 首页 > 面试题库 >

在浏览器中检测flex-wrap支持

沈高峻
2023-03-14
问题内容

我正在一个项目中,该项目具有使用flex
wrap属性实现的响应式网格。由于我支持IE9和更低版本的Firefox(版本28及以下),因此如何通过javascript找出对Firefox的支持。目前,我只能通过条件语句来识别IE9浏览器,但是现在没有人可以通过JavaScript检测Firefox的较早版本。


问题答案:

我不知道您现在如何做,但是确实没有理由重新发明轮子。

为此创建了Modernizr,它是用于特征检测的广泛使用的库。通过查看CSS功能,它们确实支持对flexbox的检测,并将一直使用到IE6。



 类似资料:
  • 通常,如果容器的空间不足,其余的弹性项目将被隐藏,如下所示。 flex-wrap属性用于指定flex-container是单行还是多行的控件。 usage - flex-wrap: nowrap | wrap | wrap-reverse flex-direction: column | column-reverse 此属性接受以下值 - wrap - 如果空间不足,容器的元素(flexitem

  • 问题内容: 如何使用JavaScript检测Safari浏览器?我在下面尝试过代码,它不仅可以检测Safari,还可以检测Chrome浏览器。 问题答案: 您可以轻松地使用Chrome的索引来过滤掉Chrome:

  • Web Storage 是一项非常重要,并且很实用的技术,因此浏览器的支持度非常高,所有的主流浏览器,包括IE8,都在一定程度上支持Web Storage。尽管如此,最好还是像往常一样,在使用前先检测浏览器是否支持Web Storage。 在Web Storage中,可以直接使用 window 对象访问特定域下存储的数据。因此,只需检测浏览器是否支持 window.localStorage 或 w

  • 问题内容: 如何使用JavaScript确定确切的浏览器和版本? 问题答案: 顾名思义,这将告诉您浏览器提供的名称和版本号。 当您在多个浏览器上测试新代码时,它对于对测试结果和错误结果进行排序非常方便。

  • 问题内容: 有什么方法可以使用React检测IE浏览器并重定向到页面或提供任何有用的信息。我在JavaScript中找到了一些东西,但不确定如何将其与React + TypeScript一起使用。 问题答案: 您走在正确的轨道上,可以使用它们有条件地渲染jsx或帮助进行路由… 我已经成功地使用了以下内容。 请注意,由于浏览器的更改,它们每个都有机会被弃用。 我在React中这样使用它们: 然后通过

  • 问题内容: Javascript如何检测网站是加载到Android的常规浏览器中还是加载到另一个应用程序的WebView中?我想在这两种情况下运行略有不同的代码。 问题答案: 活动- > onCreate RES- >值-> strings.xml Java脚本