Question

你好我的bootstrap页脚有问题。

我添加了这个确定并根据需要粘贴到页面底部。然而，我注意到在移动设备（iphone 5s和6）上查看页面，页面从左向右滚动，当信息水平地适合屏幕时，它不应该这样做。我只希望垂直滚动。它好像页脚宽度超过100％，导致移动设备“解锁”。横向，任何人都可以帮忙吗？

只是添加错误的水平滚动条出现在同一页面的桌面视图中，无论窗口的大小如何

这是代码

<footer class="footer">
  <div class="row">
<div class="col-md-12 text-center">
  <p>
    <a href="/privacy">Privacy</a>
    |
    <a href="/terms">Terms &amp; Conditions</a>
    |
    <a href="/contact">Contact Us</a>
    <br>
    2015
  </p>
</div>

来自css

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}

提前致谢

Answer 1

将css样式添加到body元素

padding:0px;

另外，不要忘记在头元素中添加元标记

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

Bootstrap页脚＆＃39; fit＆＃39;问题

1 个答案: