Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery mmenu:克隆中是否可能有不同的按钮大小?_Jquery_Mmenu - Fatal编程技术网

jquery mmenu:克隆中是否可能有不同的按钮大小?

jquery mmenu:克隆中是否可能有不同的按钮大小?,jquery,mmenu,Jquery,Mmenu,我有两个版本的菜单: $menu=用于宽屏的画布上菜单 $menu mobile=平板电脑和手机的非画布菜单 通过媒体查询,我可以在两者之间切换。花了一些时间来找出如何获得正确的属性,但工作就像一个魅力! 但是,现在我遇到了一些样式问题: 使用Sass,我创建了一个custom-menu.css,使按钮大小为30px,而不是默认的40px,因为这与(宽屏)页面的布局相比看起来更好。 但非画布菜单中的按钮现在也有30px高,这在手机上不是很舒服。似乎只有一个变量会影响高度:$mm_btnSiz

我有两个版本的菜单:

  • $menu=用于宽屏的画布上菜单
  • $menu mobile=平板电脑和手机的非画布菜单
通过媒体查询,我可以在两者之间切换。花了一些时间来找出如何获得正确的属性,但工作就像一个魅力! 但是,现在我遇到了一些样式问题: 使用Sass,我创建了一个custom-menu.css,使按钮大小为30px,而不是默认的40px,因为这与(宽屏)页面的布局相比看起来更好。 但非画布菜单中的按钮现在也有30px高,这在手机上不是很舒服。似乎只有一个变量会影响高度:$mm_btnSize,但它也会更改克隆菜单的大小


那么,有没有办法单独设置克隆菜单的按钮高度?mm size的参数仅涉及大小或宽度…

您可以在媒体查询中设置按钮的大小,以便宽屏和移动设备的按钮大小不同。假设您正在从宽屏转向移动设备进行媒体查询,您可能会这样做

button-size {
  height: 30px;
}

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

请注意,这是纯CSS,我假设您知道如何将媒体查询与SASS一起使用

这似乎不起作用-或者我一定是在用SASS生成样式表时出错了。请举例说明如何在custom.mmenu.scss中添加此媒体查询?