Denne artikkelen er en speilartikkel om maskinoversettelse, vennligst klikk her for å hoppe til originalartikkelen.

Architect_Programmer_Code Landbruksnettverket»Arkitekt › Front-end design og web › Html/CSS/JavaScript › JS tilpasser seg skjermstørrelseskarusellgrafen
Utsikt: 8656|Svare: 0

[JavaScript] JS tilpasser seg skjermstørrelseskarusellgrafen

[Kopier lenke]
Publisert på 25.09.2020 10:15:17 | | | |
Krav: Når du får tilgang til mobilterminalen, viser karuselldiagrammet kun én innholdsdel, når den er på nettbrettterminalen, viser den to innhold, og når den er på PC-siden, viser den 4 innholdsbiter.

Først, under gjengivelsene:



Vi vet at bootstrap har et grid-system som kan tilpasses veldig godt etter enhetens størrelse, prinsippet er faktisk mediet i CSS, men min karusellfunksjon bruker Swiper-pluginen, som settes etter js-parametere.

Swiper er et sveipeeffekt-plugin laget i ren JavaScript, for mobile enheter som mobiltelefoner og nettbrett.
Bootstrap-rutenettsystem:



Detaljer:Innloggingen med hyperkoblingen er synlig.

Hvis du bruker ren CSS, er koden som følger (ikke for meg):

js vurderes med Window matchMedia()-metoden, og parameterne justeres og tilpasses. Koden er som følger:

(Slutt)




Foregående:.NET/C#-tråder fanger opp unntaksinformasjon
Neste:[Faktisk kamp] ASP.NET Core er basert på Redis distribuert lås flash-salg
Ansvarsfraskrivelse:
All programvare, programmeringsmateriell eller artikler publisert av Code Farmer Network er kun for lærings- og forskningsformål; Innholdet ovenfor skal ikke brukes til kommersielle eller ulovlige formål, ellers skal brukerne bære alle konsekvenser. Informasjonen på dette nettstedet kommer fra Internett, og opphavsrettstvister har ingenting med dette nettstedet å gjøre. Du må fullstendig slette innholdet ovenfor fra datamaskinen din innen 24 timer etter nedlasting. Hvis du liker programmet, vennligst støtt ekte programvare, kjøp registrering, og få bedre ekte tjenester. Hvis det foreligger noen krenkelse, vennligst kontakt oss på e-post.
Mail To:help@itsvse.com