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

我在Joomla I设置中有一个模块，我只想在屏幕大小达到移动智能手机大小时出现

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

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

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

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

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

最终，我想要的是该特定模块仅在屏幕大小为320-480时显示。否则我不想让它显示出来

---

如果我这样做很难，请告诉我如何做更容易。我所描述的所有尝试都没有效果。

应该可以只添加类visible phone，它将只在手机上可见。将其添加到设置中的“模块类后缀”框中

---

您可以在大多数Joomla安装中使用所有“响应实用程序类”：

您使用的是引导模板吗？一些模板框架有特殊的类，这些类只能用于在特定的屏幕大小上显示某些内容。是的，它是响应性的。您可以在www.gvchristianschool.com上看到该网站，该网站只需添加类

可视电话

，即可在手机上看到它，将其作为解决方案@DavidFritsch发布，以便我可以标记它。