实现CSS - 移动设备

Question

我正在使用Google提供的Materialise网站，但我在移动设备和平板电脑上遇到网格问题。例如，我希望在大屏幕上有1行和3列，在移动设备上有3列1列。我遵循他们的指示，但它不起作用......有人可以帮助我吗？

Answer 1

<div class="row">
    <div class="col l4 s12">
        <!-- COL #1 -->
    </div>
    <div class="col l4 s12">
        <!-- COL #2 -->
    </div>
    <div class="col l4 s12">
        <!-- COL #3 -->
    </div>
</div>

这就是你需要的。为行内的每个列提供类col l4 s12以实现您要查找的内容。

检查主题，在此Link

中创建自适应布局