如何使下拉菜单仅在移动时使用全宽？

Question

所以我想要做的就是在从手机上看到它时使用全宽/ 100vw。

这就是我想要的样子：

docs

我试图在没有使用任何javascript / jquery的情况下完成它。可能吗？ 让我告诉你我没有使用额外的CSS我只使用菜单和下拉菜单。

Answer 1

在移动媒体查询中提供此css：

.ui.menu .item.marginless {
  position: static;
}
.ui.dropdown .menu.notifications {
  left: 0 !important;
  margin: auto !important;
  right: 0 !important;
  width: 100%;
}