Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Architect_Programmer_Code Jordbruksnätverket»Arkitekt › Frontend-design och webb › Html/CSS/JavaScript › JS anpassar sig till skärmstorlekskarusellgrafen
Utsikt: 8656|Svar: 0

[JavaScript] JS anpassar sig till skärmstorlekskarusellgrafen

[Kopiera länk]
Publicerad på 2020-09-25 10:15:17 | | | |
Krav: När man använder mobilterminalen visar karuselldiagrammet endast 1 innehållsdel, när den är på surfplattans terminal visas 2 innehållsdelar, och när den är på PC-sidan visas 4 innehållsdelar.

Först, under renderingarna:



Vi vet att Bootstrap har ett grid-system som kan anpassa sig mycket bra efter enhetens storlek, principen är faktiskt mediet i CSS, men min karusellfunktion använder Swiper-pluginet, som är inställt enligt js-parametrar.

Swiper är ett plugin för svepeffekter skapat i ren javascript, för mobila enheter som mobiltelefoner och surfplattor.
Bootstrap-gridsystem:



Detaljer:Inloggningen med hyperlänken är synlig.

Om du använder ren CSS är koden som följer (inte för mig):

js bedöms med Window matchMedia()-metoden, och parametrarna justeras och anpassas. Koden är följande:

(Slut)




Föregående:.NET/C#-trådar fångar undantagsinformation
Nästa:[Faktisk strid] ASP.NET Core är baserat på Redis distribuerade låsflash-försäljning
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.
Mail To:help@itsvse.com