【问题标题】:How to make Bootstrap for Seaside responsive on mobile devices?如何使 Bootstrap for Seaside 在移动设备上响应?
【发布时间】:2015-09-17 14:40:24
【问题描述】:

我正在 Pharo Smalltalk 上使用最新的稳定版 Bootstrap for Seaside。 我认为引导应用程序在移动设备上开箱即用会表现良好。 但是,我的简单应用程序和http://pharo.pharocloud.com/bootstrap 中的示例在移动设备上都不是很好(至少在 iPhone 和 Android 设备上不行)。 我需要做些什么来让它们响应网络(除了尽可能使用 Bootstrap)吗?

【问题讨论】:

    标签: twitter-bootstrap pharo seaside


    【解决方案1】:

    我相信我找到了答案。 Seaside 的 bootstrap 的默认配置没有添加所需的元标记 (<meta name="viewport" content="width=device-width, initial-scale=1">)。

    要添加标签,只需修改 WAComponent 子类中的#updateRoot: 方法。像这样的东西应该适用于最常见的情况:

    updateRoot: anHtmlRoot super updateRoot: anHtmlRoot. anHtmlRoot meta name: 'viewport'; content: 'width=device-width, initial-scale=1.0'

    _亚历杭德罗

    【讨论】:

      【解决方案2】:

      如果您也想让它们真正响应,您需要做的不仅仅是元标记所提供的。小型移动设备的问题较少,而大型移动设备的问题更多。您将如何使用 UHD 显示器提供的空间?这需要设计一个至少有 5 或 6 列的布局。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-09-16
        • 2020-09-10
        • 1970-01-01
        • 1970-01-01
        • 2016-06-04
        • 2018-07-15
        • 1970-01-01
        • 2018-07-18
        相关资源
        最近更新 更多