Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Architect_Programmer_Code Poľnohospodárska sieť»Architekt › Front-end dizajn a web › Html/CSS/JavaScript › JS sa prispôsobuje grafu karuselu veľkosti obrazovky
Pohľad: 8656|Odpoveď: 0

[JavaScript] JS sa prispôsobuje grafu karuselu veľkosti obrazovky

[Kopírovať odkaz]
Zverejnené 25. 9. 2020 10:15:17 | | | |
Požiadavky: Pri prístupe k mobilnému terminálu karusel zobrazuje len jeden obsah, na tabletovom termináli sa zobrazia 2 časti obsahu a na PC strane sa zobrazia 4 kusy obsahu.

Najprv, pod vizualizáciami:



Vieme, že bootstrap má grid systém, ktorý sa veľmi dobre prispôsobuje veľkosti zariadenia, princíp je v CSS médium, ale moja karusel funkcia používa plugin Swiper, ktorý je nastavený podľa parametrov js.

Swiper je plugin s efektom potiahnutia vytvorený v čistom JavaScripte pre mobilné zariadenia, ako sú mobilné telefóny a tablety.
Bootstrap grid systém:



Podrobnosti:Prihlásenie na hypertextový odkaz je viditeľné.

Ak používate čisté CSS, kód je nasledovný (nie pre mňa):

js sa hodnotí metódou Window matchMedia() a parametre sa upravujú a prispôsobujú. Kód je nasledovný:

(Koniec)




Predchádzajúci:.NET/C# vlákna zachytávajú informácie o výnimkách
Budúci:[Skutočný boj] ASP.NET Core je založený na Redis distribuovanom výpredaji zámkov
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.
Mail To:help@itsvse.com