移动端的响应式 CSS 问题

Question

我遇到了响应问题 - 从元素到窗口末尾我有太多的空白空间。当我试图在手机上查看我的网站时，这是我放入文档中的代码。（在头部）

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

这是页面的链接。

https://b3fcadc823747b188593835d025db80cc2776431-www.googledrive.com/host/0B6vlu2kaM73TQmZwSndCeTJpd1U/jenny%20web%20site/

谢谢！

Answer 1

你有这段代码：

  #ways {
    position: relative;
    right: 170px;
    width: 900px;
  }

因为这个大宽度有你的问题。

那么你有这个问题：

.text-muted {
    position: relative;
    top: 300px;
    right: 500px;
}

因为“对”大，所以空间也很大。