我试图实现“ Off Canvas”布局，但遇到了麻烦（花了半天时间试图弄清楚这一点）。我基本上想使用Bradfrost Right Side Off-Canvas responsive pattern的非画布布局
我想要的是：
在移动设备上，左右内容应分别为100％宽度。左边的内容应该是默认显示的内容，然后单击一个按钮以在右边的内容中滑动。
在桌面上，左侧内容应设置为300px宽度，右侧内容应适合其余宽度。
似乎在上面的代码示例中，桌面的宽度设置在右边的内容上，而左边的内容恰好适合其余的宽度。我基本上想要与台式机相反（左侧内容固定宽度，右侧适合其余宽度）。
另一个版本的代码FOUND HERE也很相似（可能更易于编辑），但是问题是正确的内容是默认在移动视图上显示的内容。我需要默认情况下在移动视图上显示左侧。
任何帮助，将不胜感激。提前致谢。
最佳答案
是你想要的吗？
demo
动画的顶部/左侧在移动设备上确实很烂。您应该改用CSS转换。
关于css - Canvas 外，桌面上的左列固定宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17139590/