Ответственный фреймворк misbehaving

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

Если он заполняет половину размера или более или менее, вы должны проверить перетки, что элементы могут вызывающие.

Специальная проверка;

• ползунки
• Меню

Если у вас есть какие-либо онлайн-образец, я могу помочь вам больше.