Html bootstrap 4和x2B中的正文和内容分区高度100；有棱角的

我想设置页面或正文的中心， 它在桌面浏览器上工作得很好，但在移动视图中不起作用， 我可以用…把它放在中心

html, body {
  height: 100%;
  background: linear-gradient(to top right, #fc2c77 0%, #6c4079 100%);
}

及

h-100，

对齐项目中心h-100

<div class="container h-100">
  <div class="row align-items-center h-100 pt-5 pb-5">
    <form class="col-12 wow fadeInUp " data-wow-delay="0.2s">
      <div class="card"> 
       ...
      </div>
    </form>
  </div>
</div>

...

它在桌面浏览器上工作得非常好

但在移动视图中，从顶部和底部切割表单，并在滚动时重复身体

---

要防止表单被剪切，请将

显示：表格

或

显示：网格

添加到父级。容器：

…

或：

…

关于正文滚动时重复的线性渐变，请确保

html

和

body

填充页面：

正文{
最小高度：100%；
溢出：自动；
}

仅仅因为内容太多。。。如果你的设备太小，你什么都做不了。。。但您可以尝试删除字段之间的空间，以使窗体更紧凑。。。但我不知道这对设计来说是否是个好主意……这是因为您强制html和body正好是视口高度的100%。不要为这些元素指定高度，从容器元素中删除

h-100

类，并为其指定

min height:100vh

。谢谢您的帮助，misorude。