桌面上的Off-Canvas,固定宽度左列

时间:2013-06-17 02:17:29

标签: css canvas

我试图实现一个Off Canvas布局而且我被困住了(花了半天时间试图解决这个问题)。我基本上想要使用bradfrost Right Side Off-Canvas responsive pattern

的这种画布布局

我想要的是:

在移动设备上左侧和右侧内容应均为100%宽度。左侧内容应该是默认显示的内容,您单击按钮以在正确的内容中滑动。

在桌面上,左侧内容应设置为300px宽度,正确内容应适合宽度的其余部分。

在上面的代码示例中,桌面上的宽度设置在正确的内容上,左侧内容恰好适合宽度的其余部分。我基本上想要与桌面上的相反(左边内容固定宽度,右边适合宽度的其余部分)。

代码FOUND HERE的另一个版本也类似(并且可能更容易编辑)但问题是正确的内容是默认情况下在移动视图上显示的内容。我需要在移动视图上默认显示左侧。

对此的任何帮助将不胜感激。提前谢谢。

1 个答案:

答案 0 :(得分:0)

这是你想要的吗? demo

动画顶部/左侧真的很糟糕的移动设备。你应该使用css转换。