Menu 更改基础菜单画布宽度 我使用框架基础，非常有用。 我想知道如何更改画布菜单的宽度。 使用ESCUSCAMENTE css。 谢谢< /p> < p>如果你使用的是基础版的SCSS版本，那么就很容易改变 $OFF画布宽度：REM Calc（250）；在设置.scss文件中

如果您使用的是css，则需要更改

.left off canvas菜单的宽度

和

.move right>.inner wrap

transform

。

---

我建议您通过将新的类添加到<代码>、“左下画布菜单< /代码>和<代码>关闭画布包装< /代码>，如“代码> <代码> >代码> < p>如果您使用基础的SCSS版本，它很容易改变<代码> $Out-CabVase:Rem Calc（250）；

在
设置.scss
文件中

如果您使用的是css，则需要更改
.left off canvas菜单的宽度
和
.move right>.inner wrap
transform
。
我建议您通过将新的类添加到<代码>、“左下画布菜单< /代码>和<代码>关闭画布包装< /代码>，如《代码6》/代码>和<代码> < P> >为基础，我使用下面的代码更改“关闭画布”菜单的宽度（使用变量）：

我有左和右菜单，希望有权做得更小。< /P> < P>为基础6，我用下面的代码改变了关闭画布菜单的宽度（使用变量）：
我有左菜单和右菜单，希望右菜单更小。
在上述答案的基础上添加（Rep blocks comment function）
也用基金会6 

Lee忘记指出的是，第二个div嵌套在离开画布的位置left canvas中，至少在我的代码中是这样
第一个类用于确定非画布菜单的大小，第二个类也用于移动内容

.is-open-left {
-webkit-transform: translateX(125px);
-ms-transform: translateX(125px);
transform: translateX(125px);
}



.off-canvas-menu{
padding-left:125px;
}

在上述答案的基础上添加（Rep blocks comment函数）
也用基金会6 

Lee忘记指出的是，第二个div嵌套在离开画布的位置left canvas中，至少在我的代码中是这样
第一个类用于确定非画布菜单的大小，第二个类也用于移动内容

.is-open-left {
-webkit-transform: translateX(125px);
-ms-transform: translateX(125px);
transform: translateX(125px);
}



.off-canvas-menu{
padding-left:125px;
}

CSS解决方案非常适合我。非常感谢@321zeno。CSS解决方案对我来说非常有效。非常感谢@321zeno。我正在使用CSS版本，并希望使用JavaScript将菜单画布宽度动态设置为window.innerWidth。如何实现这一点？我正在使用CSS版本，并希望使用JavaScript将菜单画布宽度动态设置为window.innerWidth。如何做到这一点？
$offcanvas-right-size: 315px;

.is-open-right {
    -webkit-transform: translateX(-$offcanvas-right-size);
    -ms-transform: translateX(-$offcanvas-right-size);
    transform: translateX(-$offcanvas-right-size);
}

.off-canvas.position-right {
  width: $offcanvas-right-size;
  right: -$offcanvas-right-size;
}

.is-open-left {
-webkit-transform: translateX(125px);
-ms-transform: translateX(125px);
transform: translateX(125px);
}



.off-canvas-menu{
padding-left:125px;
}