Слайдер-корусель и мобильные экраны

Вопросы, связанные с адаптивным и мобильным веб-дизайном в WYSIWYG Web Builder.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
serafi
Экспериментатор
Экспериментатор
Сообщения: 89
Зарегистрирован: 02 мар 2014, 18:40
Версия Web Builder: 12.0.3
Имя: Александр

Слайдер-корусель и мобильные экраны

Сообщение serafi » 27 фев 2018, 11:39

Здравствуйте, вот сделал саит "сладерного" типа по этому шаблону (http://www.wysiwygwebbuilder.com/templates0.html шаблон с мобильниками эпл( 4 строчка, средний ряд))
Однако при отображение на мобильных устройствах возникаю проблемы с отображением- контент подрезается слева, или не центруется. На обычных мониторах все нормально.
сам саит plan-b.pro
Помогите исправить.

Реклама
Аватара пользователя

Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Слайдер-корусель и мобильные экраны

Сообщение Vitamin701 » 27 фев 2018, 12:45

У меня и шаблон с офф. сайта по моему режется.
Попробуйте на сетке сделать. Обычно это решает многие проблемы с адаптивностью

Аватара пользователя

Автор Темы
serafi
Экспериментатор
Экспериментатор
Сообщения: 89
Зарегистрирован: 02 мар 2014, 18:40
Версия Web Builder: 12.0.3
Имя: Александр

Слайдер-корусель и мобильные экраны

Сообщение serafi » 27 фев 2018, 13:52

а как сетка склеивается с каруселью (в режиме фул-скрин)? она не закидывается в сетку...

Аватара пользователя

Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Слайдер-корусель и мобильные экраны

Сообщение Vitamin701 » 28 фев 2018, 13:05

Там у тебя скорее всего проблема в другом. Сделай в карусели в каждом изображении размер "cover" или "contain", выбери тот, что в итоге тебя устроит

Аватара пользователя

Автор Темы
serafi
Экспериментатор
Экспериментатор
Сообщения: 89
Зарегистрирован: 02 мар 2014, 18:40
Версия Web Builder: 12.0.3
Имя: Александр

Слайдер-корусель и мобильные экраны

Сообщение serafi » 28 фев 2018, 14:49

Пробовал. там фоновая картинка только в 1 слайдере, если ее поставить на contain вместо cover она сжимается по высоте и становится видно светло серый фон за ней...Если б этот фон можно было поменять на белый то возможно этот вариант прокатил...

Аватара пользователя

Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Слайдер-корусель и мобильные экраны

Сообщение Vitamin701 » 28 фев 2018, 15:02

Я не понимаю , как картинка , которая по размерам рассчитана на монитор , будет растягиваться на мобильный экран. На 320 скорее всего нужно будет другие картинки, уже подогнанные под моб. экраны

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Слайдер-корусель и мобильные экраны

Сообщение spoon » 28 фев 2018, 15:51

Vitamin701, вы не правы, всё нормально адоптируется, не надо ни каких отдельных-ужатых картинок.
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

Аватара пользователя

Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Слайдер-корусель и мобильные экраны

Сообщение Vitamin701 » 28 фев 2018, 16:08

spoon, вы не так поняли. Она то растянется, но что там будет видно ? Это как поместить горизонтальный прямоугольник в вертикальный. Можно, но нам нужен вертикальный прямоугольник изначально.
У меня всегда разные картинки на главном экране для десктопа и мобильного экрана.

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Слайдер-корусель и мобильные экраны

Сообщение spoon » 28 фев 2018, 17:00

Ну если вы выставите в десктоп картинку размером для мобильного то конечно она растянется мини чего не будет видно
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега


Ответить

Вернуться в «Адаптивный и мобильный веб-дизайн.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя