Мобильная версияЯ создал этот слайдер изображений, используя только CSS, код приложен для справки. Однако изображения слайдера растягиваются слишком долго и переполняются вправо в Safari. Я читал другие ответы здесь, на Stack Overflow, однако ни одно из решений не решило проблему.
Вот ссылка на сайт, если вы хотите увидеть проблему своими глазами. https://www.carrelinarctic.com/
Надеюсь на вашу помощь.
Спасибо, что уделили время.
#Slider-Wrapper { положение: относительное; максимальная ширина: 64рем; маржа: 0 авто; } #Слайдер { дисплей: гибкий; соотношение сторон: 2405,2/1570,2; переполнение-х: скрыто; поведение прокрутки: плавное; тип прокрутки-привязки: x обязательно; box-shadow: 0 1,5rem 3rem -0,75 re, hsla(0, 0%, 0%, 0,25); граница: 0,5бэр; } #Слайдер img { гибкость: 1 0 100%; прокрутка-привязка-выравнивание: начало; } #Слайдер-Навигация { дисплей: гибкий; зазор между столбцами: 1рем; позиция: абсолютная; внизу: 1,25рем; осталось: 50%; преобразование: TranslateX (-50%); z-индекс: 1; } #Slider-Nav a { ширина: 0,5рем; высота: 0,5 рем; граница-радиус: 50%; цвет фона: #fff; непрозрачность: 0,75; переход: непрозрачность, легкость 250 мс; } #Slider-Nav a:hover { непрозрачность: 1; }
