jquery mmenu:克隆中是否可能有不同的按钮大小?
我有两个版本的菜单:jquery mmenu:克隆中是否可能有不同的按钮大小?,jquery,mmenu,Jquery,Mmenu,我有两个版本的菜单: $menu=用于宽屏的画布上菜单 $menu mobile=平板电脑和手机的非画布菜单 通过媒体查询,我可以在两者之间切换。花了一些时间来找出如何获得正确的属性,但工作就像一个魅力! 但是,现在我遇到了一些样式问题: 使用Sass,我创建了一个custom-menu.css,使按钮大小为30px,而不是默认的40px,因为这与(宽屏)页面的布局相比看起来更好。 但非画布菜单中的按钮现在也有30px高,这在手机上不是很舒服。似乎只有一个变量会影响高度:$mm_btnSiz
- $menu=用于宽屏的画布上菜单
- $menu mobile=平板电脑和手机的非画布菜单
那么,有没有办法单独设置克隆菜单的按钮高度?mm size的参数仅涉及大小或宽度…您可以在媒体查询中设置按钮的大小,以便宽屏和移动设备的按钮大小不同。假设您正在从宽屏转向移动设备进行媒体查询,您可能会这样做
button-size {
height: 30px;
}
@media only screen and (max-width: 720px) {
button-size {
height: 40px;
}
}
请注意,这是纯CSS,我假设您知道如何将媒体查询与SASS一起使用这似乎不起作用-或者我一定是在用SASS生成样式表时出错了。请举例说明如何在custom.mmenu.scss中添加此媒体查询?