Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Architect_Programmer_Code Landbouwnetwerk»Architect › Front-end ontwerp & web › Html/CSS/JavaScript › JS past zich aan aan de carrouselgrafiek van schermgrootte
Bekijken: 8656|Antwoord: 0

[JavaScript] JS past zich aan aan de carrouselgrafiek van schermgrootte

[Link kopiëren]
Geplaatst op 25-09-2020 10:15:17 | | | |
Vereisten: Bij het openen van de mobiele terminal toont de carrouselkaart slechts 1 stuk inhoud, wanneer het op de tabletterminal staat, toont het 2 stuks inhoud, en als het aan de pc-kant is, toont het 4 stukjes inhoud.

Ten eerste, onder de renderings:



We weten dat Bootstrap een grid-systeem heeft, dat zich heel goed kan aanpassen aan de grootte van het apparaat; het principe is eigenlijk het medium in CSS, maar mijn carrouselfunctie gebruikt de Swiper-plugin, die is ingesteld volgens js-parameters.

Swiper is een swipe-effect-plug-in gemaakt in pure JavaScript, voor mobiele apparaten zoals mobiele telefoons en tablets.
Bootstrap grid-systeem:



Details:De hyperlink-login is zichtbaar.

Als je puur CSS gebruikt, is de code als volgt (niet voor mij):

js wordt beoordeeld met de Window matchMedia()-methode, en de parameters worden aangepast en aanpas. De code is als volgt:

(Einde)




Vorig:.NET/C#-threads vangen uitzonderingsinformatie op
Volgend:[Echte gevechten] ASP.NET Core is gebaseerd op Redis distributed lock flash sale
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.
Mail To:help@itsvse.com