钉钉宜搭自定义页面如何设置宽高百分之百

最新推荐文章于 2025-12-15 19:41:15 发布

原创最新推荐文章于 2025-12-15 19:41:15 发布 · 488 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#钉钉 #javascript #前端

这段代码定义了一系列CSS样式，用于设置各种元素的高度和宽度为100%，实现全屏布局。它隐藏了.next-shell-header，并对.app、.vc-shell等类应用了相同的尺寸设置，确保内容区域填满整个屏幕。

请将以下代码粘贴在页面样式框里面：

:root {
  background-color: #f2f3f5;
  height: 100%;
  width: 100%;
}
.next-shell-header{
display:none; 
}

#app{
  height: 100%;
  width: 100%;
}
#App{
  height: 100%;
  width: 100%;
}
.vc-shell-without-nav{
    height: 100%;
  width: 100%;
}
.vc-shell{
  height: 100%;
  width: 100%;
}
.vc-page-content-1180{
  height: 100%;
  width: 100%;
}
.next-shell-main{
  height: 100%;
  width: 100%;
}
.next-shell-sub-main{
  height: 100%;
  width: 100%;
}
.next-shell-page{
  height: 100%;
  width: 100%;
}
.next-shell-content{
  height: 100%;
  width: 100%;
}
.next-shell-content-inner{
  height: 100%;
  width: 100%;
}
.render-engine-container{
  height: 100%;
  width: 100%;
}
.vc-page{
  height: 100%;
  width: 100%;
}
.vc-rootcontent{
  height: 100%;
  width: 100%;
}
[style="min-height: 40px; padding: 0px; background-color: white;"] {
  min-height: 40px;
  padding: 0px;
  height: 100%;
  background-color: white;
}