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

事实上，我是新来的CSS。当我使用protostar模板（Joomla 3.3.6）在本地主机上加载站点后缩小窗口时，所有东西都被砸碎，看起来很糟糕，但是当窗口恢复到其全尺寸时看起来没问题。如何使用Joomla的Protostar模板将内容大小调整到视口？

而且从一些搜索来看，它在移动设备/手机中可能看起来很糟糕。

一些更多的搜索，并提出了一些建议之后，我删除索引文件标签

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

但它已经取得了什么。

我发现这里类似的建议（How do I disable the "responsive" grid in bootstrap?），但说实话，我无法找到引导-responsive.css在原恒星模板移除。

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

来源

2014-12-03 user3596366

在原恒星模板index.php文件的第43行，你有

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

退房模板此css文件>原恒星> CSS> template.css你会发现你所追求的。

请注意，当您像这样编辑模板文件时，您的更改可能会被Joomla更新覆盖，因此请务必保留好您的备份。

好运

来源

2014-12-03 21:30:27

非常感谢@大卫Taiaroa您的答复，我明白了很多。是的，我可以在第43行看到答案中的代码，但下一步要解决我现在面临的问题是这个问题。请帮助我下一步做什么，因为我是新来的CSS，我会永远感激。非常感谢！ – user3596366 2014-12-03 21:55:22

我知道您已经在HTML中移除了视口元标记，这是一个开始。首先进行备份，然后在CSS文件中查找并删除所有@media块（第4693-5705行）。这将阻止大部分响应行为。这需要一些工作才能让一切运行良好。请记住，您始终可以找到另一个非转贴模板。 – 2014-12-03 23:55:37

我很欣赏你努力帮助我。实际上，我一整晚都在尝试这些建议，并且因为我已经备份了index.php和template.css文件，所以我开始在template.css的位中取出行4693-5705中的媒体块并进行测试以查看结果，但没有结果。然后，我后来勇于从行4693-5705中删除所有的代码，但我无法得到期望的结果。请，我可以得到一个CSS代码添加到template.css文件，将会给出所需的结果？非常感谢。 – user3596366 2014-12-04 11:53:07

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

回答

相关问题