Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Html/CSS/JavaScript › JS si adatta al grafico carosello della dimensione dello schermo
Vista: 8656|Risposta: 0

[JavaScript] JS si adatta al grafico carosello della dimensione dello schermo

[Copiato link]
Pubblicato su 25/09/2020 10:15:17 | | | |
Requisiti: Quando si accede al terminale mobile, la tabella della giostra mostra solo 1 pezzo di contenuto, quando è sul terminale tablet ne mostra 2, e quando è sul lato PC ne mostra 4.

Innanzitutto, sotto i rendering:



Sappiamo che Bootstrap ha un sistema a griglia, che si adatta molto bene a seconda della dimensione del dispositivo, il principio è in realtà il media in CSS, ma la mia funzione carosello usa il plugin Swiper, che è impostato secondo i parametri js.

Swiper è un plug-in per effetto swipe creato in puro javascript, per dispositivi mobili come telefoni cellulari e tablet.
Sistema a griglia bootstrap:



Dettagli:Il login del link ipertestuale è visibile.

Se usi CSS puro, il codice è il seguente (non per me):

js viene giudicato con il metodo Window matchMedia(), e i parametri vengono regolati e adattati. Il codice è il seguente:

(Fine)




Precedente:.NET/C# i thread catturano informazioni sulle eccezioni
Prossimo:[Combattimento reale] ASP.NET Core si basa sulla vendita flash di lucchetto distribuita di Redis
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com