Fatal编程技术网
  • javascript/
  • Javascript 检测UC浏览器以及部分支持flexbox的浏览器

Javascript 检测UC浏览器以及部分支持flexbox的浏览器

javascript css

Javascript 检测UC浏览器以及部分支持flexbox的浏览器,javascript,css,flexbox,modernizr,uc-browser,Javascript,Css,Flexbox,Modernizr,Uc Browser,我使用css flexbox作为网格视图，使用Modernizer检测不支持flexbox的浏览器 但安卓UC浏览器似乎不理解flex-wrap:wrap（它在一行中显示所有项目），同时使用应用于.flexbox.flexwrap类的样式。我做错了什么 以下是示例代码： /*！现代化3.3.1（定制版）|麻省理工学院* * https://modernizr.com/download/?-flexbox flexwrap addtest前缀prefixedcss prefixedcssvalu

我使用css flexbox作为网格视图，使用Modernizer检测不支持flexbox的浏览器

但安卓UC浏览器似乎不理解
flex-wrap:wrap（它在一行中显示所有项目），同时使用应用于
.flexbox.flexwrap
类的样式。我做错了什么

以下是示例代码：



/*！现代化3.3.1（定制版）|麻省理工学院*
* https://modernizr.com/download/?-flexbox flexwrap addtest前缀prefixedcss prefixedcssvalue setclasses testallprops testprop*/

!函数（e，n，t）{function r（e，n）{return typeof e===n}function o（）{var e，n，t，o，i，s，f；for（var a in C）if（C.hasOwnProperty（a））{if（e=[]，n=C[a]，n.name&（e.push（n.name.toLowerCase（）），n.options&&n.options.alias&&n.options.alias.length））for（t=0；t你没有做错任何事。Android的UC浏览器不支持
flex-wrap
属性。正如我前面提到的，我正在尝试检测UC浏览器不支持flex-wrap。我手机中的UC浏览器通过Modernizer测试，条件
（'flexWrap'在d中）| |（'webkitfexwrap'在d中）| |（'msFlexWrap'in d））
（来自此答案）。找到了一个似乎有效的纯css解决方案！
@supports（flex-wrap:wrap）{style for flex-layout here}
需要更多的测试，但现在它阻止了UC浏览器使用flex，并且在其他浏览器中似乎可以正常工作。既然您提到了
@supports
，也许我这里的问题会帮助您：是的，谢谢！找到了
.-ms全屏，：root
提示添加对最新IE的支持