禁用Materialise Framework「Responsiveness」

Question

我正在嘗試使用materialize框架。我非常喜歡它提供的功能，但我現在不太在意讓所有的「響應」。我想讓事情有點「靜態」，這意味着當我調整瀏覽器的大小時，所有內容都保持相同的大小（用戶可以在較小的窗口中滾動以查找他們想要的內容）。我計劃在後期完成「響應」以支持諸如移動設備，窗口大小調整等功能。下面顯示了當前正在發生的事情。我下載了整個框架，所以我可以隨意修改隨之而來的.css，但我並不是一個真正的.css專家，所以我不確定從哪裏開始。

全屏

調整大小的屏幕 - 顯然不能留這樣永遠

任何幫助深表感謝。

Answer 1

首先直接回答你的問題：我假設你正在使用物化網格？意思是你的div有類名「col l6」嗎？要有無響應的元素，你不應該使用任何物化的列類名稱。它將只是您定義的常規舊HTML和CSS。實體化僅將其CSS應用於使用其類名的元素。

現在的建議：這可能會破壞Materialise的一些功能。或者至少看起來很糟糕，你必須手動添加填充/邊距。然後，如果您想要返回並啓用移動響應功能，則必須手動刪除所有這些。您還必須使用舊式CSS規則來確定元素大小。每個元素都需要應用高度和寬度規則。稍後添加移動響應類很困難。如果你現在就做，它會爲你節省很多時間。一旦你掌握了Materialize，它就很容易實現。

使用Materialize和Bootstrap之類的主要原因之一是使移動響應網站變得簡單。這些天來真正成爲Web開發學習的基本技能。