html - 语义用户界面：更改为移动

Question

我对语义 ui 完全陌生，我无法让它工作或在线找到答案：我有这段 html 我必须使用：

<div class="ui grid stackable">
    <div class="eleven wide">
        <table class="ui table selectable">
              ....
        </table>
    </div>
    <div class="four wide column">
       ....
    </div>
</div>

两个内部 div 是为计算机设计的，我需要让它们响应。在计算机上，它们是并排的，但在移动设备上，它们都应该是 16 宽并堆叠。我不知道是否可以仅使用语义 Ui 类来更改宽度。有没有办法告诉 div seven wide computer, sixteen wide mobile and tablet？

编辑：这是一个小提琴：https ://jsfiddle.net/70L3a9p4/1/ 正如你所看到的，这两个项目应该是并排的（在计算机上）但在移动设备上它们都应该是十六宽（或容器的全部）而不是并排。

标签： htmlcsssemantic-ui

Answer 1

在移动版本或具有此功能的 css 框架上使用媒体查询更改宽度。