移动设备中的响应式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;
}

由于大“右”，也有很多空间。