Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/cplusplus/150.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
Mobile 通过内容显示响应性侧栏/侧导航(仅限移动设备)_Mobile_Responsive Design - Fatal编程技术网

Mobile 通过内容显示响应性侧栏/侧导航(仅限移动设备)

Mobile 通过内容显示响应性侧栏/侧导航(仅限移动设备),mobile,responsive-design,Mobile,Responsive Design,新的响应性设计,这是飞过我的头。我的网站在桌面上运行得很好,调整大小后也可以正常工作。右上角的菜单应该是隐藏的,但仅在移动设备上,在登录主页时才会显示 截图: 实时示例(仅在移动设备上存在问题):在默认的35; modified.css中,#showSlideMenu的css设置为50%的宽度,因此即使侧边栏未打开,也会显示该宽度。将类名更改为#showSlideMenu.cbp-spmenu-open,以便css仅在侧边栏打开时应用。你的风格如下: #showSlideMenu.cbp-spm

新的响应性设计,这是飞过我的头。我的网站在桌面上运行得很好,调整大小后也可以正常工作。右上角的菜单应该是隐藏的,但仅在移动设备上,在登录主页时才会显示

截图:


实时示例(仅在移动设备上存在问题):

在默认的35; modified.css中,#showSlideMenu的css设置为50%的宽度,因此即使侧边栏未打开,也会显示该宽度。将类名更改为#showSlideMenu.cbp-spmenu-open,以便css仅在侧边栏打开时应用。你的风格如下:

#showSlideMenu.cbp-spmenu-open {
    float: right;
    overflow: hidden;
    text-align: right;
    width: 50%;
}

如果我们的答案对你有效,请注明,将来它将对其他人有帮助