Automatikus átméretező elemek létrehozása a Scalable.js használatával

Ha kell hajlékony elemeket készítenek, amelyek automatikusan kitöltik a tartályaikat Nagyon ajánlom a méretezhetőséget. Ez az ingyenes, nyílt forráskódú JS szkript tökéletesen alkalmas folyékony kialakításra anélkül, hogy sok stressz lenne.

A Scalable.js könyvtárban található minden formázható, így minden konténer stílusát, méretét, pozícióját és belső tartalmát módosíthatja. Szükség van az oldal tetejére vagy aljára igazított elemekkel? A skálázható lehetőségekkel rendelkezik.

Tekintse meg a GitHub repót, hogy többet tudjon meg arról, hogyan működik ez.

A legalapvetőbb formában ez a parancsfájl egy céloldal elemet tartalmaz, valamint néhány lehetőséget a kijelző testreszabására. Íme néhány minta kód, amelyet egyenesen a GitHubból vettünk:

var scalable = új Méretezhető (containerEl, opciók);

Természetesen az első paraméter az, hogy melyik konténerelemet célozza (ideális esetben a

vagy valami hasonló).

Az opciók paraméterének a = = értékpárok tömbjét kell tartalmaznia. Ezek az opciók közé tartozik tartály magassági értékei, min és max szélességek, min és max mérlegek (azaz mennyi lehet a belső elemekkel méretezni).

Nézze át a fő projektoldalt egy használható demóért. A tároló belsejében lévő rugalmas elem automatikus átméretezéséhez húzza a konténer sarkait. Ez elég hűvös, mivel ezen a területen alul talál használható kód közvetlenül az oldalról.

A rugalmas elemek kezelése csak tiszta CSS segítségével lehetséges. Ezek a módszerek azonban dátumnak érezhetik magukat, és nem nyújtanak annyi ellenőrzést, mint a JavaScript.

Ha ezt szeretné kipróbálni, csak megragad egy példányt a GitHub-tól és nézze meg, mit gondol.

A méretezhetőség még mindig aktív fejlesztés alatt áll, de ez egy könnyű szkript, amelyet az Ön igényeihez igazíthat.