Javascript 使内容的某些部分具有响应性

我正在制作joomla模块，我希望它能够对不同的移动设备做出响应

由于joomla模块在整个页面的特定部分注入了一些内容，因此页面的其他内容可能没有响应，除非模板有响应

在这种情况下，如果整个页面模板没有响应，如何使该模块的内容响应

我读了一些关于使整个网站具有响应性的文章，但没有读到部分内容。因此，为了开始实现我的目标，如果需要在页面中放置此元-

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

它如何影响网站页面的其他非响应内容？另一方面，对内容的某些部分而不是整个内容显示响应性是否困难且不好

我的方法：我尝试使用响应功能，将bootstrap.css和bootstrap-responsive.css中的所有类放在自定义类.container_类下，并将模块中的所有内容放在该类下，这样只有模块内容继承引导样式，而不声明上述元内容，我发现如果我调整浏览器的大小，模块的内容调整了大小，但没有充分考虑其他因素进行测试

---

那么，这种方法是否富有成效。。？或者如何实现我的目标？

您想要的meta标记的详细信息如下：

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

如果模板本身没有响应，那么在没有尝试和错误的情况下，就无法预测最终结果

如果模板或其他扩展中的其他元素具有硬编码的宽度，而这些宽度对于较小的视口不会调整大小，则通过添加一些自定义CSS，例如将主体宽度从硬编码的960px更改为继承或100%，您仍然可以获得一些成功

我认为尝试没有什么坏处。当然，最终转移到一个响应模板，也许Joomla 3将是理想的解决方案

---

祝你好运

尝试查找@media querys。旁注：发布您生成的HTML，我们可能会提供一个合适的代码建议。我的内容通过ajax调用自动来自facebook，因为我正在显示facebook群订阅。这些内容包括文本、图像，以及您可以想象的其他内容。只需想想一些包含文本、链接、图像、图标的内容，…媒体查询够了吗？我写的meta标签呢？