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

实际上，我对CSS还不熟悉。当我使用protostar模板Joomla 3.3.6在本地主机上加载站点后收缩窗口时，所有内容都会被破坏，看起来很糟糕，但当窗口恢复到其完整大小时，看起来还行

从一些搜索结果来看，在移动设备/手机上很可能看起来很糟糕

经过更多的搜索和一些建议，我删除了标签

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

但它没有产生任何结果

我在这里找到了一个类似的建议，但老实说，我找不到bootstrap-responsive.css可以在protostar模板中删除

---

请问，有没有办法解决这个问题？我该怎么做才能解决？我非常非常高兴能得到任何可能的解决方案。

在Protostar template index.php文件的第43行

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

在templates>protostar>css>template.css中查看此css文件，您将找到您想要的内容

请注意，当您像这样编辑模板文件时，您的更改可能会在Joomla更新中被覆盖，因此请确保对您所做的操作进行良好的备份

---

祝你好运

非常感谢David Taiaroa的回复，我非常感谢。是的，我可以在第43行看到你的答案中的代码，但是下一步要做什么来解决我现在面临的问题就是这个问题。请，请帮助我做什么下一步，因为我是新的css，我将永远感谢。非常感谢！我知道您已经删除了HTML中的viewport meta标记，这是一个开始。首先进行备份，然后在CSS文件中查找并删除所有@media块行4693-5705。这将阻止许多反应迅速的行为。不过，要让一切顺利进行，还需要一些工作。请记住，您随时可以找到另一个非reposvi模板。我非常感谢您努力帮助我。事实上，我整天整夜都在尝试这些建议，因为我已经备份了index.php和template.css文件，我开始从template.css中的4693-5705行中取出媒体块，并测试结果，但没有结果。后来我鼓起勇气删除了4693-5705行中的所有代码，但是我没有得到想要的结果。请问，我可以得到一个css代码添加到template.css文件，这将提供所需的结果？非常感谢。我错过了文件下面的一些额外的@media块。试试这个。如果你搜索你的css文件，可以让媒体打印块，但删除所有其他的。我必须尝试你在这里发布的template.css文件，但很抱歉，我无法达到预期的结果。在回答之前，我想探索更多，看看我做错了什么，但到目前为止，我已经非常仔细地遵循了你的惯例，不能说我做错了什么，没有得到我想要的结果。我目前正在试用该网站的手机演示版，看看效果如何。但是@David Taiaroa，我非常感谢你抽出时间。我没有料到这一切。再次感谢！！！