解决浏览器不支持display:flex的问题

在本地测试的
display:flex;布局没问题，但是目标升级的浏览器的Chrome版本较低，不支持该布局。
查看控制台：

解决办法：
兼容各浏览器的写法

 display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box; /* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex; /* Firefox 18+ */display: -ms-flexbox; /* IE 10 */display: flex;/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

解决浏览器不支持display:flex的问题相关推荐

ubuntu解决浏览器不支持HTML5播放器的方法
上班摸鱼的时候想打开b站刷一刷鬼畜视频,发现没办法播放: 怎么解决呢? 只需要在终端输入: sudo apt-get install ubuntu-restricted-extras 然后重启浏览器就 ...
css不换行属性_前端 | css display:flex 的六个属性你知道吗
前言:display:flex 是一种布局方式.它即可以应用于容器中,也可以应用于行内元素.是W3C提出的一种新的方案,可以简便.完整.响应式地实现各种页面布局.目前,它已经得到了所有浏览器的支持. ...
前端布局神器display:flex
2009年,W3C提出了一种新的方案--Flex布局,可以简便.完整.响应式地实现各种页面布局.目前已得到所有现在浏览器的支持. flex浏览器支持一.Flex布局是什么? Flex是Flexibl ...
html+css:display:flex属性
博客 </a></li><li class="" title="高价值源码课程分享"><a data-report-c ...
css3弹性盒子display:flex常见属性总结
一:display:flex 布局 display:flex 是一种布局方式.它即可以应用于容器中,也可以应用于行内元素.是W3C提出的一种新的方案,可以简便.完整.响应式地实现各种页面布局.目前,它 ...
页面布局-----display:flex详解
简介: display:flex是一种布局方式.它即可以应用于容器中,也可以应用于行内元素.是W3C提出的一种新的方案,可以简便.完整.响应式地实现各种页面布局.目前,它已经得到了所有浏览器的支持. ...
低版本IE浏览器不支持前端代码修改属性remove()的解决办法
今天在工作中碰到了低版本IE浏览器不支持对象属性移除(remove)和添加(add)的方法,请教了同事结合在网上找到的资源最后写了这一段代码,完美的解决了一个前端基础问题,在此记录一下,希望可以帮助到 ...
浏览器阻挡cookies_解决WordPress登录提示”Cookies被阻止或者您的浏览器不支持”...
今天上午大鸟登陆wordpress,有错误提示"Cookies被阻止或者您的浏览器不支持.要使用WordPress,您必须启用cookies".从这个提示看应该是密码没有问题,要不 ...
IE7及以下浏览器不支持json的解决方法
在页面 alert(JSON);//大写 IE7及以下浏览器不支持json所以不会弹出object 解决方法打开json.org json的官网找到javascript的json2.js然后会转到gi ...

解决浏览器不支持display:flex的问题

解决浏览器不支持display:flex的问题相关推荐

最新文章

热门文章