【问题标题】: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 列的布局。