使內容的某些部分具有響應性

Question

我正在制作一個joomla模塊，我希望它對不同的移動設備響應。

由於joomla模塊在整個頁面的特定部分注入了一些內容，因此除非模板響應，否則頁面的其他內容可能不會響應。

在這種情況下，如果整個頁面模板都沒有響應，如何使該模塊的內容響應？

我閱讀了一些有關使整個網站具有響應能力的文章，但沒有涉及部分內容。 因此，要開始實現我的目標，如果有必要將此meta放入頁面中-

 <meta name="viewport" content="width=device-width">

它如何影響網站頁面的其他非響應內容？ 另一方面，對內容的某些部分而不是全部顯示響應性是否困難且不好？

我的方法：我試圖通過將所有類都放在bootstrap.css和bootstrap-sensitive.css中的自定義類“ .container_class”下，來使用t引導響應功能，並將所有內容放在該類下的模塊中，以便僅將模塊內容繼承了引導程序樣式，並且在沒有聲明上述元內容的情況下，我看到如果調整瀏覽器的大小，則模塊的內容會重新調整大小，但並未考慮其他因素進行全面測試。

那么，這種方法富有成果嗎？ 還是我如何實現我的目標？

Answer 1

您想要的meta標簽的詳細信息是：

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

如果模板本身沒有響應，那么沒有經過反復試驗就無法預測最終結果。

如果模板或其他擴展中的其他元素具有無法為較小的視口調整大小的硬編碼寬度，則可以通過添加一些自定義CSS來獲得一些成功，例如將主體寬度從硬編碼960px更改為繼承或100％

我認為嘗試沒有任何危害。 當然，最終遷移到響應式模板，也許是Joomla 3，將是理想的解決方案。

祝好運！