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爲所有媒體設備固定頁面寬度

回答

相關問題