使内容的某些部分响应

时间:2013-12-12 15:12:40

标签: javascript css twitter-bootstrap joomla2.5 joomla3.0

我正在制作一个joomla模块,我希望它能够响应不同的移动设备。

由于joomla模块会在整个页面的特定部分中注入一些内容,因此除非模板具有响应性,否则页面的其他内容可能无法响应。

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

我阅读了一些关于使整个网站响应但不是内容的某些部分的文章。那么开始实现我的目标,如果有必要将这个元素放在页面中 -

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

它如何影响网站页面的其他非响应内容?另一方面,显示内容的某些部分而不是整体的响应性是困难和不好的做法吗?

我的方法:我尝试使用t bootstrap响应功能,将所有类放在bootstrap.css和bootstrap-responsive.css下的自定义类“.container_class”下,并将我的所有内容放在模块下class只有模块内容才能继承引导样式,并且没有声明上面的元素内容,我看到如果我调整浏览器大小,模块的内容会调整大小,但没有完全考虑其他一些事情。

这种方法是否富有成效......?或者我如何实现目标?

1 个答案:

答案 0 :(得分:0)

元标记所需的详细信息包括:

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

如果模板本身没有响应,那么没有一些试验和错误就无法预测最终结果。

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

我认为尝试没有任何伤害。当然,最终转移到响应式模板,可能是Joomla 3将是理想的解决方案。

祝你好运!