澳门葡京手机版网址_澳门新莆京娱乐_www.88807.com - 点此进入问答

微信浏览器 flex兼容性问题 flex-wrap: wrap;不换行

0 0 u524du7aef html5 css3 css html
汉有游女,不可求思。
汉有游女,不可求思。

声望值:121 0人

2018-09-25 15:49:28 提问

关注 0关注

收藏 0收藏, 116浏览

在开发一个页面的时候 用的flex布局 没想到在测试上面 大部分的机子没问题 但是小部分出现了兼容性的问题 应该是版本比较老的原因
请问有什么方法解决一下?
以开始用的flex-wrap: wrap;

clipboard.png
要的是这样显示
但是有的手机却显示成一行

clipboard.png
然后我把flex-wrap: wrap;都加上前缀

-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap:wrap;
却变成了

clipboard.png
一直郁闷着 求如何解决

clipboard.png

clipboard.png

请先 登录 后评论

4个回答

  • 爪哇程序猴323声望 4天前

    为了兼容性,建议不要使用flex简写flex-growflex-shrinkflex-basis分别加前缀在一些旧版本浏览器上需要使用 box-flex
    请先 登录 后评论
  • 扶不起来的阿强126声望 4天前

    flex-wrap换行,控制flex是单行或者多行。同时横轴的方式决定了新行堆叠的方向
    请先 登录 后评论
  • ㄨ小蜗牛81声望 4天前

    可以直接js判断换行啊,本来flex的兼容性就不是很好的
    请先 登录 后评论
  • 不绅士0)先森139声望 4天前

    不知道用的是什么编辑器,装个Autoprefixer插件直接跑遍兼容吧。
    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问
XML 地图 | Sitemap 地图