如何使Seaside的Bootstrap响应移动设备?

时间:2015-09-17 14:40:24

标签: twitter-bootstrap pharo seaside

我在Pharo Smalltalk上使用最新稳定版的Bootstrap for Seaside。   我认为bootstrap应用程序在移动设备上表现良好,开箱即用。   但是,我的简单应用程序和http://pharo.pharocloud.com/bootstrap中的示例都不适用于移动设备(至少不适用于iPhone和Android设备)。  我是否需要做些什么来使它们具有Web响应性(除了尽可能多地使用Bootstrap)?

2 个答案:

答案 0 :(得分:2)

我相信我找到了答案。 Seaside的默认配置bootstrap不会添加所需的元标记(<IfModule mod_rewrite.c> Options -MultiViews RewriteEngine On #RewriteBase /greeting/web RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^ index.php [QSA,L] </IfModule> )。

要添加标记,只需修改WAComponent子类中的#updateRoot:方法即可。这样的事情应该适用于大多数常见情况:

<meta name="viewport" content="width=device-width, initial-scale=1">

_alejandro

答案 1 :(得分:1)

如果你想让他们真正做出回应,那么你需要做的不仅仅是meta标签提供的功能。对于小型移动设备,问题就更少了,而对于大型移动设备则更多。你打算如何使用UHD显示器提供的空间?这需要设计至少5或6列的布局。