Как сделать карусель только при экране 320px?

Question

[Тимур]

Помогите сделать такую карусельку только при экране 320 . верстаю на bootstrap 4

Comments

[Rustam Bainazarov]

Swiper JS.

[Тимур]

Рустам Байназаров,
а вот эту менюшку снизу ?)

[Rustam Bainazarov]

Тимур, просто блок с кнопками и текстом, если это не часть отдельных слайдов. Я не знаю, какой функционал они собой несут. По картинке недостаточно понятно.

[Gip]

visible-xs ?

[poniyur]

Судя по-всему, вам нужно нанять фрилансера. У вас уже не вопросы, а задания.

Answer 1

[olrugames]

Самый простой способ спрятать его через css, и показать только при разрешении 320, из простых(костыльных) решений

Comments

[Виктор Таран]

самый простой способ показать через стандартный класс в бутстрап visible-xs

[olrugames]

Виктор Таран, тоже самое, без прикручивания бутстрапа, мда
Тогда проще через js именно удалять див

[Иван Иванов]

olrugames, если что-то можно сделать CSS то лучше делать это CSS, так как например у некоторых людей может быть выключен JS в браузере. Или например в JS к какому-нибудь скрипту выйдет обновление и там будет ошибка, тогда выполнение остановится на этой ошибке, и возможно не дойдёт до вашего JS. Лучше всегда делать css и только потом, если уже не получается по другому, делать JS.

[Rustam Bainazarov]

Иван Иванов, ну, LOL, если у людей выключен JS, то тогда и слайдер работать не будет.

Как и 99.9% процентов сайтов.

[Иван Иванов]

Рустам Байназаров, ну LoL, вообще то существуют слайдеры на CSS, как и сайты исключительно на CSS.

[Rustam Bainazarov]

Иван Иванов, да, :target + опционально scroll-snap-points-x. И работает это соответствующе :))

[Иван Иванов]

Рустам Байназаров, как бы там ни было, скрывать блок на определённом разрешении экрана или показывать его, однозначно лучше делать CSS. Смысл использовать для этого JS?

[Rustam Bainazarov]

Иван Иванов, если там слайдеры, то имеет смысл, потому что там события да лишний DOM. Можно для производительности удалить как DOM, так и отвязать события и т. п. А-ля React подход.

Но я обычно просто тупо в CSS скрываю :))

[Иван Иванов]

Рустам Байназаров, Ну если прям так всё серьёзно, то конечно можно. Но тут может быть такая ситуация, что например iphone 4 имеет разрешения 320, а если его повернуть то уже 480. И как быть тогда? Заново строить DOM и удалять его в зависимости от ротации экрана. Это же жесть ) Я тоже css скрываю и не парюсь.

[Виктор Таран]

olrugames, вопрос про бутстрап, я говорю как лучше сделать это на нем.

Answer 2

[Rodion Gashe]

htmlbook.ru/css/media
Http://htmlbook.ru/css/min-width
htmlbook.ru/css/max-width