Недавняя стойка регистрации использует Bootstrap.css + angularjs, а только фон обрабатывает данные (используя PHP, результат обработки напрямую json_encode ($ arr), что очень круто). Тесты имитационной машины на Chrome были идеальными, и нет настоящего тестирования машины. После завершения, я был ошеломлен, когда я тестировал по телефону. Когда я провалил страницу влево и вправо, появилась пустая вертикальная полоса (как показано на рисунке ниже). Определено, что это связано с длиной, установленной правой маржи. Проверьте CSS, и нет соответствующего кода. Кажется, что проблема возникает в начальной загрузке. Хотя это не влияет на использование программы, она кажется очень неловким, и вы должны ее исправить.
Проверьте страницу и обнаружите, что эта проблема возникнет только в том случае, если будет использована страница с использованием системы сетки. Проверьте CSS.
.row {margin-left: -15px; argin-right: -15px;}.row обычно используется в качестве нижнего элемента контейнера и в качестве верхнего элемента .col-xx-xx. Кстати, проверьте CSS .container и Con-XX-XX:
.container {padding-left: 15px; прайдиатор: 15px;}. Col-xx-xx {padding-left: 15px; прайдинг накладки: 15px;}Внутренние края всех элементов. Контейнера имеют расстояние 15px, которое выглядит очень красиво, а внутренняя края .col-xx-xx также устанавливает 15px. Это не будет выровнено с элементами .contariner (расстояние между .col-xx-xx и .container составляет 30px), поэтому первый элемент растрового элемента и последнего растрового элемента необходимо установить на {padding-left: 0px;} и {Padding-right: 0px;} соответственно. Это решает проблему выравнивания, но после настройки, хотя ширина каждой сетки одинакова, ширина отображаемого содержимого составляет 15px. Таким образом, гения FB умело приняли решение отрицательных внешних границ. Мало того, что реализация кода была простой, но не было никакой проблемы с непоследовательной шириной контента, отображаемого в каждом растровом.
Хотя решение отрицательных внешних границ хорошо, оно вызовет пустые границы на небольших экранах (мобильные терминалы) (болезненная точка, которая будет решена в этой статье). Настройка Bootstrap решает эту проблему, но она слишком хлопотно. Самый простой способ - переписать соответствующие CSS.
/* Нужно позвонить* //* Fuck 15px для iPhone Start после Bootstrap.css */. Row {Margin: 0;}. Col-Lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-5 .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-5, .col-md- 9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8 xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-. Ебать 15px для iPhone над */Он был успешно решен, потому что сетка не имеет прокладки, ширина каждого забора одинакова, ширина отображаемого содержания также одинакова, и она может быть выровнена с элементами контейнера (примечание: это следствие также очень серьезное, то есть содержание между каждой сеткой связано, и внутренняя сетка может быть решена путем переоборудования внутренней борозники и центрирования содержания).
Вышеупомянутое - причины и решения для пустого места справа, когда Bootstrap.css смахивается на мобильном телефоне. Я надеюсь, что это будет полезно для всех!