Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Html/CSS/JavaScript › JS s’adapte au graphique carrousel de taille d’écran
Vue: 8656|Répondre: 0

[JavaScript] JS s’adapte au graphique carrousel de taille d’écran

[Copié le lien]
Publié sur 25/09/2020 10:15:17 | | | |
Exigences : Lors de l’accès au terminal mobile, le tableau carrousel affiche seulement 1 contenu, lorsqu’il est sur le terminal tablette, il affiche 2 contenus, et lorsqu’il est côté PC, il affiche 4 contenus.

Premièrement, sous les rendus :



Nous savons que Bootstrap a un système de grille, qui peut très bien s’adapter selon la taille de l’appareil, le principe étant en fait le média dans CSS, mais ma fonction carrousel utilise le plugin Swiper, qui est défini selon les paramètres js.

Swiper est un plug-in à effet de balayage créé en Java pur pour les appareils mobiles tels que les téléphones mobiles et les tablettes.
Système de grille bootstrap :



Détails :La connexion hyperlientérée est visible.

Si vous utilisez du CSS pur, le code est le suivant (pas pour moi) :

js est jugé selon la méthode Window matchMedia(), et les paramètres sont ajustés et adaptés. Le code est le suivant :

(Fin)




Précédent:Les threads .NET/C# capturent les informations d’exception
Prochain:[Combat réel] ASP.NET Core est basé sur la vente flash de verrouillage distribuée Redis
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com