Кто-нибудь знает, почему маркеры пагинации Swiper JS растягиваются на устройствах iOS? ⇐ IOS
-
Anonymous
Кто-нибудь знает, почему маркеры пагинации Swiper JS растягиваются на устройствах iOS?
Точки разбивки на страницы swiper js отлично выглядят и работают в настольных браузерах Chrome и Safari, но когда я использую браузер Safari на iPad или iPhone, точки нумерации растягиваются, игнорируя правила ширины/высоты/минимальной высоты. Кто-нибудь еще сталкивался с этим и есть ли решение? Я приложил несколько примеров для справки.
Dots в браузере Safari iOS
Я попробовал установить ширину и высоту CSS как стили страницы в виде HTML-вставки (я работаю в веб-потоке). Я попытался вывести ползунки за пределы разделов страницы, чтобы посмотреть, не возникает ли в этих разделах какая-то принудительная ширина, но проблема все равно осталась. Я добавил следующий тег стиля в заголовок страницы (см. ниже), но проблема, похоже, не устранилась.
" .swiper-pagination-bullets.swiper-pagination-horizontal { ширина: авто; } "
Точки разбивки на страницы swiper js отлично выглядят и работают в настольных браузерах Chrome и Safari, но когда я использую браузер Safari на iPad или iPhone, точки нумерации растягиваются, игнорируя правила ширины/высоты/минимальной высоты. Кто-нибудь еще сталкивался с этим и есть ли решение? Я приложил несколько примеров для справки.
Dots в браузере Safari iOS
Я попробовал установить ширину и высоту CSS как стили страницы в виде HTML-вставки (я работаю в веб-потоке). Я попытался вывести ползунки за пределы разделов страницы, чтобы посмотреть, не возникает ли в этих разделах какая-то принудительная ширина, но проблема все равно осталась. Я добавил следующий тег стиля в заголовок страницы (см. ниже), но проблема, похоже, не устранилась.
" .swiper-pagination-bullets.swiper-pagination-horizontal { ширина: авто; } "
Мобильная версия