joomla，CSS - 仅为智能手机屏幕显示joomla模块

Question

我在Joomla I设置中有一个模块，我希望仅在屏幕尺寸达到移动智能手机尺寸时显示。

在我的模块中，有一个字段允许我插入一些自定义CSS，如下图所示。

在同一页面的底部我有一个“模块类后缀参数”字段

首先：我假设在这个字段中我可以添加另一个类标签，例如“box1 thisisit”？

然后在我添加的自定义CSS字段中

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .thisisit { display:block; } }

最终我想要的是该特定模块仅在屏幕尺寸为320 - 480时显示。否则我不希望它显示。

如果我这么做，请告诉我如何更容易地做到这一点。我所描述的一切都没有效果。

Answer 1

应该可以只添加可见电话类，它只会在手机上显示。在设置中的“Module Class Suffix”框中添加。

您可以在大多数Joomla安装中使用所有“响应式实用程序类”：http://getbootstrap.com/2.3.2/scaffolding.html#responsive