Question

我正在建立一个横向网站。我已尝试将顶级菜单（导航栏）设置为position:fixed或将其设为navbar-fixed-top课程，尝试使用％，但在移动设备上（至少iPhone 5）我最终使用导航栏获取整个页面的宽度（因此菜单按钮位于最右侧，只有当我滚动到最后一页时才可见），要么只在第一页上可见，要么在向右滚动时滚动

以下是简化代码：

HTML：

<body>
   <nav class="navbar">
   here goes the typical Boostrap navbar construction
   </nav>
   <div class="big-wrap">
      <section id="one">
      </section>
      <section id="two">
      </section>
      <section id="three">
      </section>
      <section id="four">
      </section>
   </div>
</body>

CSS：

 html {position: relative;}
 html, body {height: 100%}
 .big-wrap {position: absolute;width: 400%}
 section {float:left;width:25%;}

如何在桌面和移动设备上滚动到其他部分时，如何使导航栏显示为全宽并且粘贴在同一位置（在桌面上它现在还可以）？

Bootstrap导航栏 - 固定在水平网站上的移动设备上

0 个答案: