Ширина сцены совы на мобильных (или небольших устройствах) экранах больше, чем на экране - PullRequest
Новая
       23

Ширина сцены совы на мобильных (или небольших устройствах) экранах больше, чем на экране

0 голосов
/ 26 мая 2019

Я работаю на клиентском веб-сайте, внедряя owl-carousel, но при переходе в мобильное представление в Chrome + Firefox ширина совы (которая рассчитывается автоматически) сходит с ума, когда я изменяю размер и возвращаюсь обратно, как обычно, widths около 4000 пикселей ... и т. д.

P.S. Код работает нормально при обычном представлении на рабочем столе, все сводится с ума на 576px и ниже.

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

код можно найти здесь: https://www.fisique.co/v2/

Ширина сцены совы должна быть нормальной и не больше экрана, что, в свою очередь, приведет к тому, что h1 над ней будет идеально центрирован на экране.

1 Ответ

0 голосов
/ 26 мая 2019

Хорошо, я потратил более 12 часов, чтобы понять, почему это странное поведение. Оказывается, если вы используете PagePilling.js (или fullPage.js ) и пытаетесь смешаться с Owl.Carousel или любым другим плагином Carousel, конфликт возникает из-за свойства отображения css автоматически сгенерированных div, установленных на table

Решением для моего дела было добавление table-layout: fixed: 

.pp-section.pp-table {
        display: table;
        table-layout: fixed;
}

Если вам интересно узнать больше об этом: https://github.com/alvarotrigo/fullPage.js/issues/895

...