如何使用Joomla的Protostar模板将内容大小调整为视口?

时间:2014-12-03 17:26:09

标签: css twitter-bootstrap joomla viewport joomla3.0

实际上,我是CSS的新手。当我使用protostar模板(Joomla 3.3.6)在本地主机上加载网站后缩小窗口时,所有内容都被粉碎并且看起来很糟糕但是当窗口恢复到完整大小时看起来还不错。

从某些搜索来看,移动设备/手机可能看起来很糟糕。

经过一些搜索和一些建议后,我删除了标记

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

在索引文件中但它什么都没有产生。

我在这里找到了类似的建议( How do I disable the "responsive" grid in bootstrap? )但老实说,我找不到 bootstrap-responsive.css 来删除protostar模板。

请问,有没有办法解决这个问题,我该怎么做才能完成它?我会非常非常高兴得到任何可能的解决方案。

1 个答案:

答案 0 :(得分:0)

在Protostar模板index.php文件的第43行,你有

$doc->addStyleSheet('templates/' . $this->template . '/css/template.css');

在模板中查看此css文件&gt; protostar&gt; css&gt; template.css你会找到你想要的东西。

请注意,当您编辑此类模板文件时,可能会在Joomla更新中覆盖您的更改,因此请确保对您的操作保持良好的备份。

祝你好运