我正在使用带有 protostar 模板的 Joomla 3.2.1。模板设置为静态行为。我想暂时禁用 protostar 模板的响应行为（与在模板管理器中切换静态/流体选项不同）。无论媒体或浏览器窗口大小如何，我都想将页面宽度固定为 960 像素。作为一名 C 程序员，我对 CSS 不是很熟悉。我已经浏览了 template.css，它似乎为每种媒体类型定义了一组规则，但它非常令人困惑。在手动尝试编辑 template.css 后，我仍然无法获得固定的页面宽度。
【问题讨论】：
标签： css joomla fixed-width
你是对的，响应式规则在template.css里面并且是这样的形式：
@media (min-width: 768px) and (max-width: 979px) {
@media (max-width: 767px) {
您应该找到所有代码块（16 个匹配项，包括您可以忽略的 print 查询）并添加一些错误条件，方法是更改大小（即 max-width:1px）或添加一些奇怪的未指定的查询的值，即
@media (aspect-ratio: 7) and (min-width: 768px) and (max-width: 979px) {
@media (aspect-ratio: 7) and (max-width: 767px) {
如果您只需要将它们“隐藏”一段时间，这将有效地禁用查询。如果你想要一个长期的解决方案，找到匹配的括号并删除除print之外的所有媒体查询的全部内容。
由于此文件是 Joomla 附带的，请注意未来 Joomla 更新可能会使用默认值覆盖此文件，请在某处保留一份备份副本，以免丢失您的工作。
改为少编辑！
正如@Elin 指出的那样，您可以更轻松地编辑较少的文件：
templates/protostar/less/template.less
只需注释掉/删除 60 左右的行：
@import "../../../media/jui/less/responsive-767px-max.less";
然后重新编译，按照这个指南here
【讨论】：