Denne artikel er en spejling af maskinoversættelse, klik venligst her for at springe til den oprindelige artikel.

Architect_Programmer_Code Landbrugsnetværk»Arkitekt › Front-end design og web › Html/CSS/JavaScript › JS tilpasser sig skærmstørrelseskarruselgrafen
Udsigt: 8656|Svar: 0

[JavaScript] JS tilpasser sig skærmstørrelseskarruselgrafen

[Kopier link]
Opslået på 25/09/2020 10.15.17 | | | |
Krav: Når man tilgår mobilterminalen, viser karruseldiagrammet kun ét indholdsstykke; når det er på tablet-terminalen, viser det 2 indholdsdele, og når det er på PC-siden, viser det 4 indholdsstykker.

Først, under renderings:



Vi ved, at bootstrap har et grid-system, som kan tilpasse sig meget godt efter enhedens størrelse, princippet er faktisk mediet i CSS, men min karruselfunktion bruger Swiper-pluginet, som er sat efter js-parametre.

Swiper er et swipe-effekt-plug-in skabt i ren javascript til mobile enheder som mobiltelefoner og tablets.
Bootstrap-gittersystem:



Detaljer:Hyperlink-login er synlig.

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

js bedømmes ved Window matchMedia()-metoden, og parametrene justeres og tilpasses. Koden er som følger:

(Slut)




Tidligere:.NET/C#-tråde fanger undtagelsesinformation
Næste:[Faktisk kamp] ASP.NET Core er baseret på Redis distribueret lås flash-salg
Ansvarsfraskrivelse:
Al software, programmeringsmaterialer eller artikler udgivet af Code Farmer Network er kun til lærings- og forskningsformål; Ovenstående indhold må ikke bruges til kommercielle eller ulovlige formål, ellers skal brugerne bære alle konsekvenser. Oplysningerne på dette site kommer fra internettet, og ophavsretstvister har intet med dette site at gøre. Du skal slette ovenstående indhold fuldstændigt fra din computer inden for 24 timer efter download. Hvis du kan lide programmet, så understøt venligst ægte software, køb registrering og få bedre ægte tjenester. Hvis der er nogen overtrædelse, bedes du kontakte os via e-mail.
Mail To:help@itsvse.com