Bootstrap 2.3 CSS Отзывчивый слева с пробелом справа

Я создаю веб-сайт (и я здесь noob). Я работаю над функциональной частью дизайна, и позже у меня будет какая-то графика.

В настоящее время, когда он переходит в отзывчивое (мобильное представление), он оставляет правое поле 2px, которое перемещается в мобильном браузере (и прокручивается). Я не могу от этого избавиться.

Если я включу overflow-x: hidden, то он станет не прокручиваемым, но все же подвижным.

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

Использование Bootstrap 2.3

Ответ 1

Решено, добавив это в свой собственный css:

html, body {
  width: auto !important;
  overflow-x: hidden !important;
}

Примечание: ! important используется, поэтому он имеет приоритет над другими CSS. Большинство экземпляров не понадобятся! Важно, если вы загрузите свой собственный CSS после своего загрузочного CSS.

Ответ 2

Я знаю, что мне очень поздно в игре, но я понял, почему это происходит в первую очередь. Если вы используете навигационную панель, там есть дополнительное дополнение в правом навигационном элементе, которого не должно быть. Он имеет правое поле 15px, которое вызывает этот разрыв. Перезапишите его, и проблема решена!

Ответ 3

Замените .container класс .container-fluid в теле и в вашем .css файле сделайте padding right and left : 0px; Что это.

Ответ 4

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

Но, когда я проверяю его на своем телефоне - Samsung Galaxy S2 и iPhone 5, он все еще показывает мне пробел.

Я также пробовал:

@media handheld and (max-width: 481px) and (orientation: portrait) {
  html,body{width:100%;overflow-x:hidden;}
}

@media handheld and (max-width: 380px) and (orientation: portrait) {
  html,body{width:100%;overflow-x:hidden;}
}

Ответ 5

Удалите margin-left, margin-right

И измените

    <div class="navbar">
    <div class="navbar-inner navbar-fixed-top">

    <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">`

Ответ 6

Я решил это, просто обернув .row в другом элементе класса .container-fluid. Это должно заботиться о марже.