Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Architect_Programmer_Code Red Agrícola»Arquitecto › Diseño front-end y web › Html/CSS/JavaScript › JS se adapta al gráfico carrusel de tamaño de pantalla
Vista: 8656|Respuesta: 0

[JavaScript] JS se adapta al gráfico carrusel de tamaño de pantalla

[Copiar enlace]
Publicado en 25/9/2020 10:15:17 | | | |
Requisitos: Al acceder al terminal móvil, el gráfico del carrusel muestra solo 1 pieza de contenido, cuando está en el terminal de la tableta muestra 2 piezas de contenido, y cuando está en el lado del PC, muestra 4 piezas de contenido.

Primero, bajo las representaciones:



Sabemos que Bootstrap tiene un sistema de cuadrícula, que puede adaptarse muy bien según el tamaño del dispositivo, el principio es en realidad el medio en CSS, pero mi función de carrusel usa el plugin Swiper, que se configura según parámetros js.

Swiper es un complemento de efecto deslizante creado en puro javascript, para dispositivos móviles como teléfonos móviles y tabletas.
Sistema de cuadrícula bootstrap:



Detalles:El inicio de sesión del hipervínculo es visible.

Si usas CSS puro, el código es el siguiente (no para mí):

js se juzga mediante el método Window matchMedia(), y los parámetros se ajustan y adaptan. El código es el siguiente:

(Fin)




Anterior:Los hilos .NET/C# capturan información de la excepción
Próximo:[Combate real] ASP.NET Core está basado en la venta flash de candados distribuidos de Redis
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.
Mail To:help@itsvse.com