作者：heimao | 来源：互联网 | 2022-10-16 18:56
我有一个简单的Bootstrap布局：
在Chrome和Firefox中，看起来应该是这样（三列布局）：
但是在Safari中，第3列以另一行结尾。当我检查它时，它在Chrome和Safari中都具有正确的宽度（恰好是行总宽度的1/3）。
我在检查元素时看到了这一点：
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
当我删除该max-width属性时，每一列都会扩展到100％。我想这是可以预期的。但是width: 20%，例如，当我添加时，每列的宽度保持不变！
如何使Safari表现良好？
京公网安备 11010802041100号