禁用Materialise Framework“Responsiveness”

Question

我正在尝试使用materialize框架。我非常喜欢它提供的功能，但我现在不太在意让所有的“响应”。我想让事情有点“静态”，这意味着当我调整浏览器的大小时，所有内容都保持相同的大小（用户可以在较小的窗口中滚动以查找他们想要的内容）。我计划在后期完成“响应”以支持诸如移动设备，窗口大小调整等功能。下面显示了当前正在发生的事情。我下载了整个框架，所以我可以随意修改随之而来的.css，但我并不是一个真正的.css专家，所以我不确定从哪里开始。

全屏

调整大小的屏幕 - 显然不能留这样永远

任何帮助深表感谢。

Answer 1

首先直接回答你的问题：我假设你正在使用物化网格？意思是你的div有类名“col l6”吗？要有无响应的元素，你不应该使用任何物化的列类名称。它将只是您定义的常规旧HTML和CSS。实体化仅将其CSS应用于使用其类名的元素。

现在的建议：这可能会破坏Materialise的一些功能。或者至少看起来很糟糕，你必须手动添加填充/边距。然后，如果您想要返回并启用移动响应功能，则必须手动删除所有这些。您还必须使用旧式CSS规则来确定元素大小。每个元素都需要应用高度和宽度规则。稍后添加移动响应类很困难。如果你现在就做，它会为你节省很多时间。一旦你掌握了Materialize，它就很容易实现。

使用Materialize和Bootstrap之类的主要原因之一是使移动响应网站变得简单。这些天来真正成为Web开发学习的基本技能。