将浏览器大小更改为浏览器的 425px 宽度后，将表单的 position:fixed 更改为 postion:static 在网站底部答案

【问题标题】：Change posion:fixed of form to postion:static on the bootom of website after change browser size to 425px width of browser将浏览器大小更改为浏览器的 425px 宽度后，将表单的 position:fixed 更改为 postion:static 在网站底部
【发布时间】：2017-10-16 18:32:25
【问题描述】：

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

我该怎么做？

谢谢！

【问题讨论】：

请举例说明您希望达到的目标。猜你想要什么并不容易。
欢迎堆栈溢出，请阅读此stackoverflow.com/help/mcve，当您询问由代码引起的问题时，如果您提供人们可以用来重现问题的代码，您将获得更好的答案.
我有一个网站，表格的位置固定。向下滚动页面时，表单应保持在一个位置。在笔记本电脑或电脑上使用更高的宽度非常好，但是当我在移动设备上打开网站时，表单覆盖了内容，所以我想将此表单放在页面底部的 div 中。

标签： javascript jquery html css

【解决方案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;
   }
}

【讨论】：

没问题，只要确保以后以与我回答您问题的方式类似的方式提出您的问题。

【解决方案2】：

使用media queries。

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

【讨论】：