Prasības: Piekļūstot mobilajam terminālim, karuseļa diagrammā tiek parādīts tikai 1 satura gabals, kad tas atrodas planšetdatora terminālī, tas parāda 2 satura gabalus, un, kad tas atrodas datora pusē, tas parāda 4 satura gabalus.
Pirmkārt, zem atveidojumiem:
Mēs zinām, ka bootstrap ir režģa sistēma, kas var ļoti labi pielāgoties ierīces lielumam, princips faktiski ir CSS multivide, bet mana karuseļa funkcija izmanto Swiper spraudni, kas ir iestatīts saskaņā ar js parametriem.
Swiper ir swipe efekta spraudnis, kas izveidots tīrā javascript, mobilajām ierīcēm, piemēram, mobilajiem tālruņiem un planšetdatoriem. Bootstrap režģa sistēma:
Sīkāka informācija:Hipersaites pieteikšanās ir redzama.
Ja izmantojat tīru CSS, kods ir šāds (ne man):
js tiek vērtēts pēc Window matchMedia() metodes, un parametri tiek pielāgoti un pielāgoti. Kods ir šāds:
(Beigas)
|