我是个出色的业余爱好者,我决定让网站响应。我的网站有一个侧边栏,我想我会使用媒体查询来隐藏该侧边栏并显示一个按钮以使侧边栏可以切换。我使用 jpanelmenu http://jpanelmenu.com/来做到这一点。
问题是,如果您执行以下操作,一切都会崩溃
- 将浏览器宽度缩小到手机大小
- 侧边栏消失
- 出现切换侧边栏的按钮
- 按下按钮,侧边栏出现
- 将浏览器窗口展开到正常侧
- 现在我有两个 fricken 侧边栏(来自 jpanel 菜单的一个)和现在重新出现的原始侧边栏,因为浏览器窗口已经变大并且我的媒体查询取消隐藏它
- 最重要的是,移动侧边栏切换按钮消失了,因为我们回到了正常宽度
显然这行不通,所以我应该使用modernizer和javascript媒体查询ala Triggering jquery with css media queries 来修复它还是我的业余头脑没有看到更优雅的解决方案?