子女离婚不随父母离婚而动

Posted 2021-03-19

我正在修改html和css，做一个包含两个div的登录表单，目标是让表单响应，我的坏处是我完全忘记了如何让页面响应，我把我的代码贴在下面。

.containers {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /* background: transparent linear-gradient(180deg, #2f5496 0%, #613577 100%) 0%
    0% no-repeat padding-box; */
  opacity: 0.85;
  background-image: linear-gradient(
      to bottom,
      rgba(47, 84, 150, 0.62),
      rgba(97, 53, 119, 0.93)
    ),
    url("background.png");

  position: fixed;
  background-size: 100% 120%;
}
.form-div {
  position: relative;
  top: 145px;
  left: 491px;
  width: 395px;
  height: 437px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 9px 19px #0000003d;
  border-radius: 10px;
  opacity: 1;
}

这里container是我的父div css类和form div是我的登录表格，我想水平排列在屏幕的中心。请指导我，也帮助我了解bootstrap网格系统。

答案

尝试添加

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

脑海中