Dinamikusan változtatni a betűméretet jquery
Közzététele a cikk „Smart dinamikus hangszóró CSS és jQuery» lett az oka az írás mai bejegyzésben. A lényege nagyon hasonló, és ez megy itt a betűméretet.
A feladat -, hogy megvalósítsa a dinamikus változás az oldalon betűméret függően képernyő felbontás, azaz böngésző ablak méretét.
Mielőtt a leírást a döntés, szeretném, hogy kijelölje a két pontot:
Először részletesen leírja a munka a jQuery script, majd elmagyarázzák, hogyan kell alkalmazni, hogy egyik vagy másik része a honlapon.
Egy vonatkoztatási pont, vettem, szélessége 1000 képpont. Általános szabály, hogy a minimális szélessége mely területeket szedését. Mi nyomja a változóra:
Most a minimális betűméretet pixel, ami alá nem csökken:
Következő, olvassa el a szélessége a html-dokumentum, amely szintén változóban tároljuk:
Mi határozza meg a tényező, amellyel szaporodnak az alap (minimum) betűméretet szerint a méret a böngésző ablakot. Elosztásával nyert szám a szélessége a HTML dokumentum a bázis (minimum) szélessége. Ie Például, ha a szélessége a böngészőablak 1600 képpont, akkor megkapjuk az arány 1,6.
Feltételeket teljesíti: szélessége, ha html dokumentum nagyobb bázis szélességét, akkor a betűméretet szorozva együttható kerekítési az eredmény, hogy egy egész:
Most a kapott korrigált betűméretet kell alkalmazni a címke
:Az összes fenti sorok helyezték funkció fontSize () függvény <>. majd futtatni ezt a funkciót betöltése után a html-dokumentum, valamint megváltoztatása után a méret a böngésző ablakot:
Ez az egész jQuery script kód, amely elérhető tőlünk eredményeként:
Tekintsük a kérelmet a fenti szkript például a 3-oszlop oldal elrendezés a következő szerkezetű HTML-kód:
Most már csak meg kell használni a dinamikus betűméretet egységeket akarunk alkalmazni azt. Nézzük például gondoskodik arról, hogy van ez az egész oldalt, kivéve a jobb oldali oszlopban, és a bal oldali oszlopban, hogy ez egy kicsit kevésbé alap.
Ez nagyon egyszerű.
Először. A jobb oldali oszlopban, egyszerűen egy fix betűméret és a sormagasság és az a szkript nem érinti:
Második. A bal oldali oszlopban, hogy egy valamivel kisebb betűméret:
Harmadik. akkor sem kell a címkét
. vagy adja meg a sormagasságot em a megfelelő blokk, hogy ez is dinamikusan változik.Itt elvileg minden.
Ha meg akarjuk változtatni a betűméretet csak egy adott blokk, mondjuk #content. akkor logikus a forgatókönyvet, hogy módosítsa a test (a sorban $ (# 'test #) css () ;.) a kívánt azonosítót vagy osztály.
Ez nem ajándék, és van sok más, akkor lehet változtatni a betűméretet, nem csak azt jelenti, egy böngésző.
Ezen felül, ha a megadott méretű px, majd az IE nem működik.
Azt hiszem, a közös használati, akkor sokkal kényelmesebb, ha a gép, hogy bármit, hogy neki nem extra mozgásokat.
Minden természetesen megköveteli, validálása és tesztelése valós körülmények között.
És a szkript szükséges simább kiigazításokat és további beállításokat, de ez nem nagyon nehéz megérteni.
Ez nem ajándék, és van sok más, akkor lehet változtatni a betűméretet, nem csak azt jelenti, egy böngésző.
Igen, azért. De itt ez a választás lehetőségét. Szeretné automatizálni, megtagadva a felhasználó a választás jogát.
Azt hiszem, a közös használati, akkor sokkal kényelmesebb, ha a gép
És van az ellenkező véleményt =)))
És a szkript szükséges simább kiigazításokat és kiegészítő beállítások
Itt egyetértek. Ebben a formában, mint most, nehéz beszélni a forgatókönyvet praktikum.
Dima, mi tetszik, vagy azt, hogy nem számít, hogy bárki :)
A lényeg, hogy kényelmes volt, hogy a felhasználó minden további intézkedés nélkül az ő részéről, így azt, mondja, de köszönöm.
Mindannyian lusta, Machine Adj nekünk :)
Ráadásul nem minden 100% látás.
De itt ez a választás lehetőségét.
Itt is fogad :)
Az életben gyakran nincs választás, mindez nem halt meg, ha minden jól végzik-e, és bölcsen, a választás valójában nem szükséges. Nem adja a felhasználó képes megváltoztatni a betűtípus és betűtípus is, hogy több «Verdana» Művész és «dőlt» a «merész» boot :)
Csak gyakran úgy tűnik, hogy mi valaki ad a választás joga, sőt ez nem igaz :)
Ebben a formában, mint most ...
Azt hiszem, igen, úgy döntünk :)
Általánosságban, bár nem lesz több érdekes megoldást, hogy további vitatkozni nem látja értelmét =) Sok sikert a keresésben.
Egyébként félelmetes téma, ha a többség a megadott méretek relatív UNIT (em) nem csak a betűméretet, de az oszlopok szélességét és az árrések, kiderül pszeudo gumi elrendezést. Mint a mérete az összes rögzített, de ha megváltoztatja a bázis font miatt átméretezni az oszlopok szélességét, és folyamatosan változik.
Ui azok számára, akik nem vtemu - a test font-size van beállítva, hogy 62,5% a könnyebb számítás, hiszen 62,5% = 10px válik legchk száma mérete olyan 200px = 20em 12px = 1.2em. Csak fontos megjegyezni, hogy em viszonylag rditelskogo blokk, azaz Ha változtatni a betűméretet egység szükséges többé nem tekinthető az új alap mérete, de erre a célra van egy hasznos dolog - em kalkulátor
Példa nem túl jó. Dinamikusan változó font értelme az elrendezés a gumi a szöveg méretének arányosan megnövelt méretű blokkok.
Azt megpördült, és elfelejteni :)
Itt a link. A fórum téma, ahol ez a probléma már találtak megoldást anélkül, hogy a jQuery könyvtár.
Példák a megfelelő ott.
Dim, kezdett mindezt a poszt :)
És természetesen.
Nézzük, hogy a szem előtt tartva - százalékok, em - minden pereprobuem :)
