html - 如何修复 MaterializeCSS 垂直对齐

Question

我正在创建一个新元素并使用 MaterializeCSS。当元素在小列中时，我遇到了元素问题。元素单独在一条线上，但它不应该在这里(见图)，并且在调整窗口大小时发生(不是每次，它取决于宽度)

给你一张图

我的代码是基本的，没有修改 Materialise 库。看起来像这样

<div class="row">
    <div class="col s6"></div>
    <div class="col s3"></div>
    <div class="col s3"></div>
    <div class="col s3"></div>
    <div class="col s3"></div>
    <div class="col s4"></div>
</div>

感谢您的帮助:)

Answer 1

根据 materialize css，他们只有 3 个标准设备(小型和中型)的媒体查询。如果您的模板在这三个标准下运行良好，并且您仍然希望它在其他屏幕尺寸(例如在这些标准尺寸之间)上也能准确运行，那么您应该声明自己的媒体查询。

注意:如果您调整屏幕大小并在之后重新加载页面，并且您的模板看起来不错，那么您无需担心。

你的问题还不是很清楚。