html - 缩放浏览器时停止warpper div移动

Question

我有一个简单的页面，上面有一个带有背景颜色的包装器。当我将浏览器缩放到一个小尺寸时，包装器会弹出位置。它像左边的 20px 被添加了。

此外，当您缩小浏览器时，输入字段会下拉到下一行。我怎么能阻止它。

http://www.artaholic.com/push/bc/acc.html

Answer 1

去除那个：

<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css"/>

如果你不是真的需要它。它会解决跳跃。

Answer 2

来自 bootstrap responsive 的 20px ，我相信这一行：

@media (max-width: 767px) {
  body {
    padding-right: 20px;
    padding-left: 20px;
  }