Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Projektowanie front-endu i strona internetowa › Html/CSS/JavaScript › JS dostosowuje się do wykresu karuzeli wielkości ekranu
Widok: 8656|Odpowiedź: 0

[JavaScript] JS dostosowuje się do wykresu karuzeli wielkości ekranu

[Skopiuj link]
Opublikowano 25.09.2020 10:15:17 | | | |
Wymagania: Podczas dostępu do terminala mobilnego wykres karuzelowy wyświetla tylko 1 fragment treści, na tablecie wyświetla 2 fragmenty, a po stronie PC wyświetla 4 fragmenty treści.

Po pierwsze, pod wizualizacjami:



Wiemy, że bootstrap ma system siatki, który bardzo dobrze dostosowuje się do rozmiaru urządzenia, zasada polega na medium w CSS, ale moja karuzela korzysta z wtyczki Swiper, która jest ustawiona według parametrów js.

Swiper to wtyczka z efektem przesuwania (swipe effect) stworzona w czystym JavaScript, przeznaczona dla urządzeń mobilnych, takich jak telefony komórkowe i tablety.
System siatki bootstrap:



Szczegóły:Logowanie do linku jest widoczne.

Jeśli używasz czystego CSS, kod wygląda następująco (nie dla mnie):

js jest oceniany metodą Window matchMedia(), a parametry są dostosowywane i dostosowywane. Kod jest następujący:

(Koniec)




Poprzedni:Informacje o wyjątkach wątków .NET/C#
Następny:[Rzeczywista walka] ASP.NET Core opiera się na wyprzedaży Redis Distributed Lock Flash Sale
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com