我正在尝试实现 Off Canvas 布局,但我被卡住了(花了半天时间试图解决这个问题)。我基本上想使用来自 bradfrost Right Side Off-Canvas 响应模式的这种非画布布局
我想要的是:
在移动设备上,左右内容应各为 100% 宽度。左侧内容应该是默认显示的内容,然后单击按钮以滑入右侧内容。
在桌面上,左侧内容应设置为 300px 宽度,右侧内容应适合其余宽度。
似乎在上面的代码示例中,桌面上的宽度设置在右侧内容上,而左侧内容正好适合其余宽度。我基本上想要与桌面上的相反(左侧内容固定宽度,右侧适合其余宽度)。
另一个版本的FOUND HERE代码也类似(并且可能更容易编辑),但问题是正确的内容是默认显示在移动视图上的内容。我需要在移动视图上默认显示左侧。
对此的任何帮助将不胜感激。提前致谢。