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

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

来源

2014-01-31 user3256235

你是正确的，响应规则是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

来源

2014-01-31 08:07:15

此外，您不应该直接编辑此文件，您应该编辑LESS文件并编译它。总是在核心模板的副本上工作，这样你就不必担心在更新时被刷新（只要确保检查更新以了解protostar的任何更改）。复制很容易在模板管理器中完成。 – Elin

谢谢艾琳很好的接待，我没有注意到！（100个站点，我从未使用过protostar或beez！）我更新了答案。 –

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

回答

相关问题