Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Architect_Programmer_Code Mezőgazdasági Hálózat»Építész › Front-end design és web › Html/CSS/JavaScript › JS alkalmazkodik a képernyőméretű körhinta grafikonhoz
Nézet: 8656|Válasz: 0

[JavaScript] JS alkalmazkodik a képernyőméretű körhinta grafikonhoz

[Linket másol]
Közzétéve 2020. 09. 25. 10:15:17 | | | |
Követelmények: A mobil terminál elérésékor a körhinta diagram csak 1 tartalmat jelenít meg, ha a táblagépen, 2 tartalmat jelenít meg, és a PC oldalon 4 tartalomdarabot.

Először is, a megjelenítések alatt:



Tudjuk, hogy a bootstrapnak van egy rácsrendszere, ami nagyon jól alkalmazkodik az eszköz méretéhez, az elv valójában a CSS média, de a karussell-függvényem a Swiper plugint használja, amely a js paraméterek szerint van beállítva.

A Swiper egy swipe effect plug-in, amelyet tiszta javascripten készítettek, mobil eszközökre, például mobiltelefonokra és tabletekre.
Bootstrap rácsrendszer:



Részletek:A hiperlink bejelentkezés látható.

Ha tiszta CSS-t használsz, a kód a következő (nem nekem való):

a js-t a Window matchMedia() módszerrel ítélik meg, és a paramétereket módosítják és igazítják. A kódex a következő:

(Vége)




Előző:.NET/C# szálak kivételinformációkat fognak
Következő:[Valódi harc] ASP.NET Core a Redis által elosztott zár flash akción alapul
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.
Mail To:help@itsvse.com