jquery mmenu：克隆中可能有不同的按钮大小吗？

Question

我有两个版本的菜单：

• $ menu =宽屏幕的画布菜单
• $ menu-mobile =平板电脑和手机的非画布菜单

使用媒体查询，我可以在两者之间切换。花了一些时间来弄清楚如何使房产正确，但工作就像一个魅力！ 但是，现在我遇到了一些样式问题： 使用Sass，我创建了一个自定义menu.css，使按钮大小为30px而不是默认的40px，因为这对于（宽屏）页面的布局看起来更好。 但是，非画布菜单中的按钮现在也是30px高度，在手机上不太舒服。似乎只有一个变量会影响高度：$ mm_btnSize但也会改变克隆菜单的大小。

那么有没有办法分别设置克隆菜单的按钮高度？毫米尺寸的论据只涉及尺寸或宽度......

Answer 1

您可以在媒体查询中设置按钮的大小，以便它们在宽屏和移动设备上有所不同。假设您要从宽屏到移动设备进行媒体查询，那么您就可以了。

button-size {
  height: 30px;
}

@media only screen and (max-width: 720px) {
  button-size {
    height: 40px;
  }
}

请注意，这是纯CSS，我假设您知道如何使用SASS进行媒体查询