javascript - 检测浏览器中的 flex-wrap 支持

标签 javascript jquery css flexbox

我正在从事一个元素,其中我有一个响应式网格,我使用 flex wrap 属性实现了该网格。由于我支持 IE9 和更低版本的 Firefox,版本 28 及以下,我如何通过 javascript 找到对它的支持。目前我只能通过条件语句识别 IE9 浏览器,但现在有人知道如何通过 javascript 检测旧版本的 Firefox 吗。

最佳答案

我发现这是最简单的方法:

var d = document.documentElement.style
if (('flexWrap' in d) || ('WebkitFlexWrap' in d) || ('msFlexWrap' in d)){
  alert('ok');
}

我也试过 hasOwnProperty 但它在 IE 和 FF 中不起作用。 那么,当您只有 3 行 js 时,为什么还要使用 40 KB 的 modernizr?

关于javascript - 检测浏览器中的 flex-wrap 支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26761298/

相关文章:

javascript - 检测何时不再使用 svelte store

jQuery UI 对话框表单和 ASP.NET MVC

jquery - 背景图片滚动,点击控制

html - 如何在 div 内所有元素的顶部放置空格?

javascript - React Router 服务器端呈现错误 : Warning: Failed propType: Required prop `history` was not specified in `RoutingContext`

javascript - jQuery 用户界面 : Set slider scrollbar's position

javascript - 在 JavaScript 中,如何在不影响标签的情况下替换 HTML 页面中的文本?

javascript - jQuery 动画函数回调错误

html - 构建和 Bootstrap 我的 RoR 应用程序

Javascript - 鼠标事件和 float 元素问题