1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Решено] Белая полоса с определенных моб. девайсов

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Alexx00, 30 мар 2018.

Статус темы:
Закрыта.
  1. Alexx00

    Alexx00

    Регистрация:
    24 апр 2013
    Сообщения:
    66
    Симпатии:
    29
    Приветствую!
    Шаблон
    ведет себя по-разному в плане адаптивности на разных моб. девайсах:ScratchOneSHead:На андроиде в любом браузере - в какой-то момент при скролле появляется белая вертикальная область справа, если свайпить по экрану влево-вправо. На айфонах говорят, что всё ок. Один из сервисов по проверке адаптивности - таки определяет горизонтальную прокрутку на 320 px..
    И, вот не пойму, в чем дело может быть, в отладчике никаких признаков ошибочного кода не вижу, хотелось бы понять в чем причина такого поведения?
    Заранее, спасибо за мнения!
     
    Alexx00, 30 мар 2018
    #1
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Всё дело в блоках с классом triangle. У них ширина бордеров задаётся через js и он начинает вылазить за вьюпорт.
     
    Dotrox, 30 мар 2018
    #2
    Alexx00 нравится это.
  3. Alexx00

    Alexx00

    Регистрация:
    24 апр 2013
    Сообщения:
    66
    Симпатии:
    29
    Спасибо за ответ! Не подскажите, как можно это изменить?
    В js:
     
    Alexx00, 30 мар 2018
    #3
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Для начала надо исправить косяк с контейнером, на котором меряется ширина.
    Заменить строку
    Код:
    var containerWidth = $('.section .container').width();
    на

    Код:
    var $container = $('.section .container');
var containerWidth = $container.width();
    И строку
    Код:
    containerWidth = $('.container').width();
    на

    Код:
    containerWidth = $container.width();
    Этого уже должно быть достаточно.
     
    Dotrox, 30 мар 2018
    #4
    Alexx00 нравится это.
  5. Alexx00

    Alexx00

    Регистрация:
    24 апр 2013
    Сообщения:
    66
    Симпатии:
    29
    Спасибо огромное!!
     
    Alexx00, 30 мар 2018
    #5
< Фиксированное изображение | Bootstrap 4 - контейнеры. >
Статус темы:
Закрыта.