joomla，CSS - 只顯示智能手機屏幕的joomla模塊

Question

我有一個模塊在Joomla我的設置，我只想在屏幕尺寸達到手機尺寸時纔會顯示。

在我的模塊中有一個字段允許我插入一些像下面的圖像的自定義CSS。

在同一頁面我有一個「模塊類後綴參數」字段

一個底部：我假設，在這個領域，我可以添加其他類標籤，如「box1 thisisit」？

然後在自定義CSS領域我加

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

最後我要的是爲特定的模塊，只顯示在屏幕尺寸是320 - 480。否則，我不希望它顯示。

如果我這樣做是困難的，請告訴我如何做到這一點更容易。我所描述的一切都沒有影響。

Answer 1

應該能夠添加類可見電話，它只會在手機上可見。將其添加到設置中的「模塊類後綴」框中。

您可以使用所有在大多數的Joomla安裝的「響應實用工具類」的：http://getbootstrap.com/2.3.2/scaffolding.html#responsive