禁用Materialise Framework＆＃34;响应能力＆＃34;

Question

我正在尝试使用materialize框架。我非常喜欢它提供的功能，但我并不太关心制作所有东西＆＃34;响应＆＃34;马上。我想做一些事情＆＃34;静态＆＃34;，这意味着当我调整浏览器大小时，所有内容都保持相同的大小（用户可以在较小的窗口中滚动查找他们想要的内容）。我计划以后完成全面的响应＆＃34;支持移动，窗口大小调整等内容。下面显示了目前正在发生的事情。我下载了整个框架，因此我可以随意更改随附的.css，但我并不是真正的.css专家，所以不确定从哪里开始。

全屏

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

非常感谢任何帮助。

Answer 1

首先直接回答您的问题：我假设您使用的是Materialise网格？意思是你有类名的div，比如＆＃34; col l6＆＃34;？要拥有非响应元素，不应使用任何实现列类名。然后它将是您定义的常规旧HTML和CSS。 Materialise仅将CSS应用于使用其类名的元素。

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

使用Materialise和Bootstrap等的主要原因之一是使移动响应网站变得容易。如今，学习Web开发真的是一项必不可少的技能。