流星和语义可堆叠网格

Question

我正在使用 Meteor 和 Semantic-ui 2，但无法让可堆叠网格在移动设备上运行 (iPhone 6)。当我调整电脑屏幕大小时，一切正常，但在移动设备上却不行。在移动设备上，我有 3 列，侧面有 space（就像大屏幕一样）。它应该堆叠成一列并使用 100% 的屏幕。据我了解，移动设备定义为 768px 以下，iPhone6 为 750px。有没有人有解决这个问题的建议或答案？

    <div class="ui three column stackable grid container">
        <div class="four wide column"></div>
        <div class="nine wide column"></div>
        <div class="three wide column"></div>
     </div>

Answer 1

我在 gitter.im 上提问时才弄明白由于 header 标记主要由 Meteor 处理，我忘记添加

<meta name=viewport content="width=device-width, initial-scale=1">

我在我的布局模板中添加了它，因为我在页面顶部使用了 Iron Router，它起作用了

流星和语义可堆叠网格

Meteor and semantic stackable grid

mobile

meteor

grid

semantic-ui