Эта статья является зеркальной статьёй машинного перевода, пожалуйста, нажмите здесь, чтобы перейти к оригиналу.

Architect_Programmer_Code Сельскохозяйственная сеть»Архитектор › Фронтенд-дизайн и веб › Html/CSS/JavaScript › JS адаптируется к графику карусели размера экрана
Вид: 8656|Ответ: 0

[JavaScript] JS адаптируется к графику карусели размера экрана

[Скопировать ссылку]
Опубликовано 25.09.2020 10:15:17 | | | |
Требования: При доступе к мобильному терминалу карусельная таблица показывает только 1 элемент контента, на планшетном терминале — 2 элемента, а на стороне ПК — 4 элемента.

Во-первых, в разделе рендеров:



Мы знаем, что в Bootstrap есть система сетки, которая хорошо адаптируется под размер устройства, принцип — это медиа в CSS, но моя функция карусели использует плагин Swiper, который настроен в соответствии с параметрами js.

Swiper — это плагин для эффекта свайпа, созданный на чистом javascript для мобильных устройств, таких как мобильные телефоны и планшеты.
Система загрузочной сетки:



Подробности:Вход по гиперссылке виден.

Если вы используете чистый CSS, код выглядит следующим (не для меня):

js оценивается методом Window matchMedia(), параметры корректируются и адаптируются. Код таков:

(Конец)




Предыдущий:Потоки .NET/C# захватывают информацию об исключениях
Следующий:[Реальные бои] ASP.NET Core основан на распродаже Redis с распределёнными флэш-распродажами
Отказ:
Всё программное обеспечение, программные материалы или статьи, публикуемые Code Farmer Network, предназначены исключительно для учебных и исследовательских целей; Вышеуказанный контент не должен использоваться в коммерческих или незаконных целях, иначе пользователи несут все последствия. Информация на этом сайте взята из Интернета, и споры по авторским правам не имеют отношения к этому сайту. Вы должны полностью удалить вышеуказанный контент с компьютера в течение 24 часов после загрузки. Если вам нравится программа, пожалуйста, поддержите подлинное программное обеспечение, купите регистрацию и получите лучшие подлинные услуги. Если есть нарушение, пожалуйста, свяжитесь с нами по электронной почте.
Mail To:help@itsvse.com