如何使用Joomla的Protostar模板將內容大小調整到視口？

事實上，我是新來的CSS。當我使用protostar模板（Joomla 3.3.6）在本地主機上加載站點後縮小窗口時，所有東西都被砸碎，看起來很糟糕，但是當窗口恢復到其全尺寸時看起來沒問題。如何使用Joomla的Protostar模板將內容大小調整到視口？

而且從一些搜索來看，它在移動設備/手機中可能看起來很糟糕。

一些更多的搜索，並提出了一些建議之後，我刪除索引文件標籤

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

但它已經取得了什麼。

我發現這裏類似的建議（How do I disable the "responsive" grid in bootstrap?），但說實話，我無法找到引導-responsive.css在原恆星模板移除。

請問，有沒有辦法解決這個問題，我該怎麼做才能完成它？我會非常樂意得到任何可能的解決方案。

來源

2014-12-03 user3596366

在原恆星模板index.php文件的第43行，你有

$doc->addStyleSheet('templates/' . $this->template . '/css/template.css');

退房模板此css文件>原恆星> CSS> template.css你會發現你所追求的。

請注意，當您像這樣編輯模板文件時，您的更改可能會被Joomla更新覆蓋，因此請務必保留好您的備份。

好運

來源

2014-12-03 21:30:27

非常感謝@大衛Taiaroa您的答覆，我明白了很多。是的，我可以在第43行看到答案中的代碼，但下一步要解決我現在面臨的問題是這個問題。請幫助我下一步做什麼，因爲我是新來的CSS，我會永遠感激。非常感謝！ – user3596366 2014-12-03 21:55:22

我知道您已經在HTML中移除了視口元標記，這是一個開始。首先進行備份，然後在CSS文件中查找並刪除所有@media塊（第4693-5705行）。這將阻止大部分響應行爲。這需要一些工作才能讓一切運行良好。請記住，您始終可以找到另一個非轉貼模板。 – 2014-12-03 23:55:37

我很欣賞你努力幫助我。實際上，我一整晚都在嘗試這些建議，並且因爲我已經備份了index.php和template.css文件，所以我開始在template.css的位中取出行4693-5705中的媒體塊並進行測試以查看結果，但沒有結果。然後，我後來勇於從行4693-5705中刪除所有的代碼，但我無法得到期望的結果。請，我可以得到一個CSS代碼添加到template.css文件，將會給出所需的結果？非常感謝。 – user3596366 2014-12-04 11:53:07

如何使用Joomla的Protostar模板將內容大小調整到視口？

回答

相關問題