gpt4 book ai didi

css - Semantic-ui stackable 在 Rails 中不起作用

转载 作者:行者123 更新时间:2023-11-28 05:23:53 26 4
gpt4 key购买 nike

我正在为我的 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 中对其进行了测试。

最佳答案

我应该自杀,这实在是我的错。我忘了添加:

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

感谢所有阅读本文的人。

关于css - Semantic-ui stackable 在 Rails 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38906612/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com