【问题标题】:Bootstrap Grid not scaling on tablets,Bootstrap Grid 无法在平板电脑上缩放,
【发布时间】: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


【解决方案1】:

哎呀;弄清楚了。我正在使用 display:inline-flex; 我想我真的应该阅读更多关于浏览器兼容性的内容......

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-11-24
    • 1970-01-01
    • 2012-04-21
    • 1970-01-01
    • 1970-01-01
    • 2014-01-04
    • 2014-08-09
    相关资源
    最近更新 更多