Reikalavimai: Prisijungus prie mobiliojo terminalo, karuselės diagramoje rodomas tik 1 turinio vienetas, kai ji yra planšetinio kompiuterio terminale, rodomi 2 turinio vienetai, o kai yra kompiuterio pusėje, rodomi 4 turinio vienetai.
Pirma, pagal atvaizdus:
Mes žinome, kad bootstrap turi tinklelio sistemą, kuri gali labai gerai prisitaikyti prie įrenginio dydžio, principas iš tikrųjų yra CSS laikmena, tačiau mano karuselės funkcija naudoja "Swiper" papildinį, kuris nustatomas pagal js parametrus.
"Swiper" yra braukimo efekto papildinys, sukurtas naudojant gryną "JavaScript", skirtas mobiliesiems įrenginiams, tokiems kaip mobilieji telefonai ir planšetiniai kompiuteriai. "Bootstrap" tinklelio sistema:
Išsami informacija:Hipersaito prisijungimas matomas.
Jei naudojate gryną CSS, kodas yra toks (ne man):
js vertinamas pagal Window matchMedia() metodą, o parametrai koreguojami ir pritaikomi. Kodas yra toks:
(Pabaiga)
|