我正在构建一个Angular / Bootstrap网络应用程序，我对平板电脑有一些好奇的行为。
我在内容中有一组9个药片/标签，每个标签都在其班级中设置了col-lg-1 col-md-1 col-sm-2 col-xs-3。所以基本上，在大多数桌面大小的屏幕上，大多数平板电脑屏幕上都有2行，大多数手机屏幕上都有3x3网格。
在我的桌面（Windows 7）以及我的HTC One上使用Chrome，IE和Firefox进行测试时，这种情况正常。
但是，在任何iOS设备，桌面上的Safari，甚至是联想Android平板电脑上进行测试时，无论屏幕大小如何，每个标签都会垂直列出。
有没有人对为什么会这样做有任何想法？
答案 0 :(得分：0)
糟糕;弄清楚了。我正在使用display：inline-flex; 我想我应该更多地了解浏览器兼容性......