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

时间:2014-01-31 07:28:34

标签: css joomla fixed-width

我正在使用Joomla 3.2.1和protostar模板。模板设置为静态行为。我想暂时禁用protostar模板的响应行为(与在模板管理器中切换static / fluid选项不同)。无论媒体或浏览器窗口大小如何,我都希望将页面宽度修复为960px。作为C程序员,我对CSS不是很熟悉。我已经通过template.css,它似乎为每种媒体类型定义了规则集,但它非常令人困惑。手动尝试编辑template.css后,我仍然无法获得固定的页面宽度。

1 个答案:

答案 0 :(得分:0)

你是对的,响应规则在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

进行操作