Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Architect_Programmer_Code Maatalousverkosto»Arkkitehti › Front-end-suunnittelu ja verkko › Html/CSS/JavaScript › JS mukautuu näytön kokoisen karusellikäyrän mukaan
Näkymä: 8656|Vastaus: 0

[JavaScript] JS mukautuu näytön kokoisen karusellikäyrän mukaan

[Kopioi linkki]
Julkaistu 25.9.2020 10.15.17 | | | |
Vaatimukset: Kun käytetään mobiilipäätettä, karusellikaavio näyttää vain yhden sisällön, tabletin päätteellä 2 sisältöä ja PC-puolella 4 sisältöä.

Ensiksi, renderöintien alla:



Tiedämme, että bootstrapissa on ruudukkojärjestelmä, joka mukautuu hyvin laitteen koon mukaan, periaate on itse asiassa media CSS:ssä, mutta karusellifunktioni käyttää Swiper-pluginia, joka on asetettu js-parametrien mukaan.

Swiper on puhtaasti javascriptillä luotu pyyhkäisyefektilisäosa mobiililaitteille, kuten matkapuhelimille ja tableteille.
Bootstrap-ruudukkojärjestelmä:



Yksityiskohdat:Hyperlinkin kirjautuminen on näkyvissä.

Jos käytät puhdasta CSS:ää, koodi on seuraava (ei minulle):

js arvioidaan Window matchMedia() -menetelmällä, ja parametreja säädetään ja mukautetaan. Koodi on seuraava:

(Loppu)




Edellinen:.NET/C#-säikeet keräävät poikkeustietoja
Seuraava:[Varsinainen taistelu] ASP.NET Core perustuu Redisin jakamaan lukon flash-myyntiin
Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.
Mail To:help@itsvse.com