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

最新推荐文章于 2024-09-29 13:29:35 发布

司戊

最新推荐文章于 2024-09-29 13:29:35 发布

阅读量272

点赞数

文章标签：钉钉 javascript 前端

本文链接：https://blog.csdn.net/jonehoo/article/details/130990398

版权

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

摘要由CSDN通过智能技术生成

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

: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;
}