更改位置：固定表单到位置：将浏览器大小更改为浏览器宽度为425px后，在网站的bootom上静态

Question

我有一个固定位置的表格。但是当我有移动宽度为ex.425 px的浏览器时，我希望将表单放入具有静态位置的新div中。

我该怎么做？

谢谢！

Answer 1

将表单放在您想要移动的位置，然后更改css

HTML

<div class="content">
    <form >
      //your form
    </form>
</div>

CSS

form {
    position: relative;
   }
}

@media only screen and (min-width: 425px) {
   form {
       position: fixed;
   }
}

Answer 2

使用media queries。

@media screen and (max-width: 425px) {
  div {
    position: static
  }
}