Question

我正在使用Meteor和Semantic-ui 2，并且无法使可堆叠网格在移动设备上运行（iPhone 6）。当我调整计算机屏幕大小时，一切正常，但手机上没有。在手机上我有3列和侧面的空间（就像一个大屏幕）。它应该堆叠在一列中并使用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的问题时，我才想通了由于标题标记主要由Meteor处理，我忘记添加

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

我在布局模板中添加了它，因为我在页面顶部使用Iron Router并且它正常工作

流星和语义可堆叠网格

1 个答案: