responsive-design - 如何在语义 UI 的菜单内切换移动桌面 View ？对设备的响应是否仅适用于行和列？

Question

如何在语义 UI 的主菜单中实现仅限移动设备或仅限桌面设备 View ？ Responsive to Device 功能是否仅适用于 Semantic UI Grid 中所述的行和列？ ？任何人都可以建议我如何使用语义 UI 实现这一点，或者我应该使用 javascript 来实现同样的目标吗？

Answer 1

也将 HTML 类添加到菜单

Working Demo

HTML

<div class="ui inverted menu grid">

  <div class="mobile only row">...</div>
  <div class="tablet only row">...</div>
  <div class="computer only row">...</div>

  </div>

对于填充问题，使用以下类覆盖 CSS

.ui.menu.grid>.computer.only.row {
  padding:0;
}