Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Architect_Programmer_Code Landwirtschaftsnetzwerk»Architekt › Frontend-Design & Web › Html/CSS/JavaScript › JS passt sich an den Bildschirmgrößen-Karussellgraphen an
Ansehen: 8656|Antwort: 0

[JavaScript] JS passt sich an den Bildschirmgrößen-Karussellgraphen an

[Link kopieren]
Veröffentlicht am 25.09.2020 10:15:17 | | | |
Anforderungen: Beim Zugriff auf das mobile Terminal zeigt das Karusselldiagramm nur einen Inhalt an; wenn es sich auf dem Tablet-Terminal befindet, werden zwei Inhalte angezeigt, und wenn es auf der PC-Seite ist, werden vier Inhalte angezeigt.

Erstens, unter den Darstellungen:



Wir wissen, dass Bootstrap ein Grid-System hat, das sich sehr gut an die Größe des Geräts anpassen kann; das Prinzip ist tatsächlich das Medium in CSS, aber meine Karussellfunktion verwendet das Swiper-Plugin, das nach JS-Parametern eingestellt ist.

Swiper ist ein Wischeffekt-Plugin, das in reinem JavaScript für mobile Geräte wie Mobiltelefone und Tablets entwickelt wurde.
Bootstrap-Grid-System:



Details:Der Hyperlink-Login ist sichtbar.

Wenn du reines CSS verwendest, ist der Code wie folgt (nicht für mich):

js wird mit der Window matchMedia()-Methode bewertet, und die Parameter werden angepasst und angepasst. Der Code lautet wie folgt:

(Ende)




Vorhergehend:.NET/C#-Threads fangen Ausnahmeinformationen auf
Nächster:[Tatsächlicher Kampf] ASP.NET Core basiert auf Redis Distributed Lock Flash Sale
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.
Mail To:help@itsvse.com