Question

我正在制作我的第一个带引导程序的网站，当我在桌面上处理它时一切都很好。

当我将其转移到FTP并在我的手机上查看时，我注意到响应性全部搞砸了。无法看到导航栏按钮，我必须将页面向右移动才能看到它，并且还有一些空白区域没有任何意义。

当我在桌面上查看网站并调整大小时，一切都很好。

我试过了：

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

您可以在http://kyriakoskokkinos.royalwebhosting.net/index.html在移动设备上查看该网站，并查看您的问题。

任何帮助将不胜感激，因为这让我疯狂。感谢。

Answer 1

从width: 400px;的CSS中移除div id="menu-section"。或者添加max-width: 400px;。这是引入水平滚动的容器。

#menu-section {
  float: none;
  margin: 0 auto;
  padding: 20px;
  margin-top: 115px;
  background-color: #fff;
  height: 180px;
  text-align: center;
  border: 6px solid #EEE;
  max-width: 400px;
}

Twitter Bootstrap对Mobile没有响应

1 个答案: