响应式框架行为不端

Question

我使用Bootstrap作为我的框架开发了一个站点。我的响应式布局在某些平板电脑和手机上行为不端。

1. 在我的Android Galaxy Tab和Kindle上进行测试时，该网站仅填充了一半的屏幕。
2. 该网站在纵向上正确加载iPhone，但当旋转到横向时，它似乎放大并仅显示一半的页面。与Android问题相反。

我的元视口设置为：

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

还有其他人遇到过这些问题吗？我似乎无法弄清楚造成这种情况的原因。当我在Chrome和Firefox桌面上测试时，布局会按预期折叠和扩展。

我在容器中有一个超大的div。这是我的精简代码：

<div class="container">
     <div class="slider-container">
          <div class="slider">

          </div>
     </div>
</div>

我的CSS

.container {
max-width: 1000px;
}

.slider-container {
width: 100%;
}

.slider {
width: 2400px;
overflow: hidden;
}

Answer 1

如果它填充了一半或更多或更少，你必须检查元素可能导致的溢出。

特别检查;

• 滑
• 菜单

如果您有任何在线样本，我可以为您提供更多帮助。