Css protostar所有媒体设备的固定页面宽度

我将Joomla 3.2.1与protostar模板一起使用。模板设置为静态行为。我想暂时禁用protostar模板的响应行为（与在模板管理器中切换静态/流体选项不同）。我想将页面宽度固定为960px，而不考虑媒体或浏览器窗口的大小。作为一名C程序员，我对CSS不是很熟悉。我已经浏览了template.css，它似乎为每种媒体类型定义了一组规则，但它非常混乱。在手动尝试编辑template.css之后，我仍然无法获得固定的页面宽度

您是正确的，响应规则在

模板.css中，并采用以下形式：

@media (min-width: 768px) and (max-width: 979px) {

@media (max-width: 767px) {

您应该找到所有代码块（16个匹配项，包括您可以忽略的
打印
查询）并添加一些错误条件，方法是更改大小（即
最大宽度：1px
），或为未指定的查询添加一些奇数值，即

@media (aspect-ratio: 7) and (min-width: 768px) and (max-width: 979px) {

@media (aspect-ratio: 7) and (max-width: 767px) {

如果您只需要将查询“隐藏”一段时间，这将有效地禁用查询。如果需要长期解决方案，请找到匹配的括号，并删除所有媒体查询的全部内容，但
打印
除外

因为这个文件是用JoOMLA发货的，请考虑将来JoOMLA更新可能会用默认的方式覆盖这个文件，在某个地方保存一个备份拷贝，这样你就不会丢失你的工作。
改为少编辑

正如@Elin所指出的，您可以编辑更少的文件，这将更加容易：

templates/protostar/less/template.less

只需注释掉/删除60行左右的内容：

@import "../../../media/jui/less/responsive-767px-max.less";

然后重新编译，按照本指南操作
也不应该直接编辑此文件，应该编辑较少的文件并编译它。始终使用核心模板的副本，这样您就不必担心在更新时被删除（只需确保检查更新是否对protostar进行了任何更改）。复制很容易在模板管理器中完成。谢谢Elin，我没注意到！（100多个站点，我从未使用过protostar或beez！）我更新了答案。