JS се адаптира към графиката на въртележката с размер на екрана

Малък боклук · Публикувано в 25.09.2020 г. 10:15:17 ч.

Изисквания: При достъп до мобилния терминал, каруселната таблица показва само 1 съдържание – когато е на таблет терминала, показва 2 части съдържание, а когато е на компютърната страна – 4 части.

Първо, под визуализациите:

Знаем, че bootstrap има grid система, която може да се адаптира много добре според размера на устройството, принципът всъщност е медията в CSS, но моята carousel функция използва плъгина Swiper, който се задава според параметрите на js.

Swiper е плъгин за ефект на плъзгане, създаден изцяло на javascript, за мобилни устройства като мобилни телефони и таблети.

Система за стартиране на решетка:

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

Ако използвате чист CSS, кодът е следният (не за мен):

Входът е видим.

js се оценява чрез метода Window matchMedia(), а параметрите се коригират и адаптират. Кодът е следният:

Входът е видим.

(Край)

[JavaScript] JS се адаптира към графиката на въртележката с размер на екрана