你的位置:首页 > 网页设计

[网页设计]移动端flexbox的小tips


我也是看了腾讯isux的博客,解答了我关于flexbox一个很长时间的疑惑,就是flex布局在安卓手机会出现内容长短不同导致不均分的现象。

具体的内容可以去看腾讯isux的博客,地址在这:https://isux.tencent.com/flexbox.html

我这里也只是当作一个问题的纪录

其实要解决这个问题很简单,给子元素加一个width: 0%;的属性就可以了,同时要注意不要加margin: auto;

.father{ display: -webkit-box; display: -webkit-flex; display: flex;}.child{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 0%; /* 解决部分安卓设备上内容长短不同导致不均分的现象 */}