Question

我正在为我的Rails项目使用Semantic-UI，实际上我正在使用https://github.com/doabit/semantic-ui-sass，一切都很好，除非我使用“可堆叠”作为响应网格。

我正在使用下一个官方示例：

<h3 class="ui center aligned header">Stackable Grid</h3>
<div class="ui two column stackable grid">
    <div class="column">
        <div class="ui segment">Content</div>
    </div>
    <div class="column">
        <div class="ui segment">Content</div>
    </div>
    <div class="three column row">
        <div class="column">
        <div class="ui segment">Content</div>
        </div>
        <div class="column">
        <div class="ui segment">Content</div>
        </div>
        <div class="column">
        <div class="ui segment">Content</div>
        </div>
    </div>
    <div class="ten wide column">
        <div class="ui segment">Content</div>
    </div>
    <div class="six wide column">
        <div class="ui segment">Content</div>
    </div>
</div>

它仅在HTML文件中完美运行，但在Rails中它不会触发媒体查询。我还在没有任何gem的供应商文件中使用semantic.min.css和semantic.min.js进行了测试，我得到了相同的结果。

此外，我已在Rails 4.2.6和5.0.0中测试过它。

Answer 1

我应该自杀，这是我的坏事。我忘了添加：

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

感谢所有阅读本文的人。

Semantic-ui stackable在Rails中不起作用

1 个答案: