【发布时间】:2014-07-31 18:51:37
【问题描述】:
我正在构建一个 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 平板电脑上进行测试时,无论屏幕尺寸如何,每个选项卡都是垂直列出的。
有人知道为什么会这样吗?
【问题讨论】:
-
你能把那个部分的html贴出来吗?
标签: css angularjs twitter-bootstrap