css - 移动端的响应式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;
}

因为大“右”也有很多空间。