Css fix elrendezés, gumi, rugalmas
fix szélességű elrendezést
Előnye ennek elrendezés
hátrányai
- Kijelentette, hogy „az optimális maximális olvashatóság” width nem tudja megfelelően betölthessék szerepüket, ha a szöveget az oldalon szignifikánsan nőtt, változatlan szövege sormagasságot a méret (ebben az esetben kiderül, hogy a szöveg „hígítja”, és ez nagyon nehéz észlelni) . Ugyanakkor érdemes megjegyezni, hogy ha van egy jó design, ez a probléma csak nagyon nagy nagyítású a szöveg;
- Van egy kis monitor (640 × 480 pixel, továbbá ne feledkezzünk mobil eszközök) akkor egy vízszintes görgetősáv a helyszínen szélessége 760 képpont. Bár nagyon ritka probléma;
- Oldal szélessége 760 képpont lehet keresni elég vonzó (túl keskeny) monitorokon, nagy felbontású képernyő;
- A kis szélessége az elsődleges tartály korlátozhatja ésszerű oszlopok számát az elrendezés, de ez is lehet előny, mert ez teszi létre a helyszínen, figyelembe véve az ilyen merev keret (azaz különösen a sok fodor és tervezési technikák nem alkalmazhatók, mert ezek a korlátozások ).
Tanácsok az elrendezés egy fix szélességű
Példa rögzített szélességű blokk
gumi modellek
Gumi elrendezést kapunk, ha a tartály fő általában nem szélességének beállításához (alapértelmezett érték 100%), vagy szélességének beállításához százalékban. Más szóval, nem értve keret és kitöltés, a helyszínen, amelynek a szélessége 100% elfoglalja a teljes látható része a képernyőn anélkül, hogy vízszintes görgetősáv.
Előnyök gumi elrendezése
- A megfelelő elrendezés gumi elrendezés lehetővé teszi a nagy rugalmasságot megjelenítésére függetlenül a szélessége egy egyedi kliens ablak. A gyakorlatban ez meglehetősen ritka, de elméletileg, ha helyesen tette, hogy lehetséges;
- Gumi elrendezés azonos az elrendezés, az alapértelmezett böngésző, lehetővé teszi számunkra, hogy fontolja meg „ideológiailag helyes”. De úgy véljük, a vágy, a fejlesztők számára, hogy „ideológiailag helyes” site előnye relatív könnyű használat? Azt hiszem, akkor;
- Gumi honlapon elrendezés lehetővé teszi a használatát a rendelkezésre álló képernyő felbontása a legnagyobb. Sok a tartalmát az oldal, az a „vonal a fold” (azaz látható anélkül, hogy további oldal görgetés). Azonban ...
Tekintsük a hátránya ennek elrendezés
- Túl sok olvasási oldalnyi szöveget és a vágy, hogy töltse ki az összes rendelkezésre álló helyet lehet kárára a felhasználó kényelmét. Túl sok szöveg „push”, hogy a felhasználó, és a helyszínen túlterhelt, vagy kaotikus. Van egy mondás: „Az üres tér adja» ( »white space adja«, nem tudom, az orosz megfelelője a kifejezést, ez úgy értendő, hogy az üres tér növelése érdekében szükség van a hangsúly a tartalmi), és ez akkor is igaz, a weboldalak számára;
- Ha az elrendezés kényszer szélesség használni CSS max-width tulajdonság (amely nem támogatja az Internet Explorer (IE) 6-os verzió és a korábbi, rövid, általános (rosszul) támogatott), és csak egy guru elrendezés eredménye lehet a törekvés a „helyes ideológia” kap a legjobb, a honlapon, hogy nehéz lesz használható. Képzeljük el, hogy el kell olvasni a hossza több mint 1000 pixel sor, és tudatában van a problémának.
Néhány tipp a ezt az elrendezést
- Használjon gumi elrendezés, ahogy az orvos. Ne hagyd, hogy a vágy, hogy az összes „ideológiailag helyes”, hogy elsőbbséget élvez a józan ész. Kell valamilyen jó ok arra, hogy ezt a fajta elrendezés. Ha úgy dönt, hogy használja, győződjön meg arról, hogy a gumi elrendezés a webhely jól néz ki a legtöbb képernyő felbontását. Egyébként hagyja, a játék nem éri meg a fáradságot;
- Amikor egy gumi elrendezése van olyan terület, fix szélességű, így, sőt, van egy hibrid gumi és a rögzített elrendezésű, és annak minimális szélessége határozza meg a szélessége a rögzített blokkok vagy a legnagyobb a tárgyak (például egy kép). Legyen óvatos. Ha azt szeretnénk, hogy egy weboldal egy gumi dummy, és meg kell tényleg, nem csak szavakban;
- Ha még tett egy hibrid gumi és a rögzített elrendezésű (mint ahogy az én CSS utasítás. Győződjön meg arról, hogy normálisan néz felbontása 800 × 600.
És valóban, egy példa
rugalmas elrendezés
Amikor a rugalmas tartály fő elrendezés méretét és a másik (fő) a meghatározott elemek a em. Em egyenesen arányos a méret a szöveget, vagy font. Ezért méretének növelésével a szöveget az oldal méretét a szakaszok meghatározott em, növeli arányosan.
Egy példa a rugalmas elrendezési lehet megtekinteni véleményem CSS Zen Garden (korlátozott hibrid rugalmas és gumi elrendezés). Amennyire én tudom, ez az egyetlen képviselete CSS Zen Garden, amely rugalmas és elérhető, amennyire csak lehetséges egyáltalán nem szerkeszthető (eredetileg meghatározott) oldal elrendezését. Büszke vagyok, hogy a tény, (sőt, egy nagyon jó példa, de az én Opera 9.22 a szélessége kevesebb, mint 150 képpont „dudor” egymásra, a hatás a fent leírt piros gumi elrendezés).
Érvek a rugalmas elrendezési
- Ha helyesen tette, hogy nagyon stabil az elrendezés, mert minden változás méret arányosan. Ennek eredményeként minden még mindig jó bármilyen méretű változásokat;
- Rugalmas elrendezés meglehetősen bonyolult dolog, ez hihetetlenül jó, és minden alkalommal, ez egy kihívás, hogy magam először. Az első ismerős volt vele Tommy Olsson a helyszínen (ami, mint kiderült, egy jó példa arra, hogyan lehet a rugalmas oldalak). Megütött, kénytelen mosolyogni, és úgy vélik, mélyen, hogy hogyan nem tudom mennyi (lenyűgözte a fenébe én). A legjobb példa lehet, hogy növelje a szöveget a weboldalakon a rugalmas elrendezési: csak lenyomva a ctrl és forgassa az egér kerekét ... már hallom azt mondod: „Wow”
Hátrányok rugalmas elrendezési
- Annak ellenére, hogy a vonzerő és elegancia, nem tudom igazán jó hasznát, akkor elgondolkodtató, hogy miért van rá szükség?
- Ha nem korlátozza a méret a külső tartály, ez az elrendezés lehet egy igazi katasztrófa a felhasználó számára: ez lesz feszített egyre szélesebb és szélesebb körű - minden nyilvánvaló előnyeit.
Egy kis tanácsot a rugalmas elrendezési
- Ha megy kiszabására, a rugalmas elrendezést, hogy működik-e a kis monitor. Egyébként, miért van rá szükség?
- Limit méretek rugalmas blokk meghatározó külső méretei a tartály (segítségével egy gumi vagy rögzített szélességű, azaz, ami egy hibrid elrendezés). Például, #wrapper
- Ne feledje, hogy az IE 6 és az alsó nem támogatják a max-width tulajdonság, győződjön meg róla, hogy amikor beállítja a lehető legnagyobb szövegének IE nem vízszintes görgetősáv jelenik meg a felbontása 1024 × 768. Mindenesetre, akkor látom a megoldást a CSS Zen Garden. A következő lépés az lenne, hogy a bevezetését felbontása 800 × 600 ugyanolyan állapotban. Példaként akkor látom a rugalmas elrendezési tárhelyét (korlátozott hibrid gumi és rugalmas elrendezését). Azt tervezem pereverstat meg egy évre, de most ez egy működő példa.
Példa elasztikus betűszedő
Összefoglalva
Mint látható, az egyes leírt fajok modellek előnye és hátránya (talán tudod, hogy a másik?). És nem tudok mondani teljes bizonyossággal, hogy melyikük a jobb. Ez csak egy szinten képviselteti magát a helyszínen, ahogy azt már az elején, ezért nagy felelősség és kevesebb bizalmat tudok mondani, hogy ezek bármelyike elrendezések lehet alkalmazni az elrendezés a megfizethető, felhasználóbarát honlapok. Így én nem javaslom, hogy felkelni sem nyom támogatói „ideológiai korrektség” csinál valamit, csak azért, mert „jobb” rovására a hozzáférhetőség és a használhatóság. Nem akarom kritizálni őket, mert bennünket tükrözik az egyes lépéseket, és az inspiráció forrása, de ha követik a nyomában, csináld óvatosan. Tegyük fel, hogy van egy cél és egy terv lesz. „Csak azért, mert” nem elegendő ok - így beszélek a gyerekek.
Mit kipróbálni, és így tudom, hogy mi fog történni.
És ha letiltja a Flash. Java script és ugyanabban az időben. hogy hány telek 100% lesz működőképes.
Tehát ki JS nem érv. 2 és fél éve a helyszínen járt csak egy látogató fogyatékos JS.
És ha a felhasználó egy régi operációs rendszert és a régi böngészőt. Nem támogatott CSS 3 és HTML 5 és HTML 4.01, és néha nem igazán tartani. hogy mindez a tűztér.
Minden proportsiolnalno dinamikusan változik. használata miatt csak EM és%. helyett PX. PT, és mások.
Igen, én is így gondoltam.
Én itt nem szeretem ezt.
Először. Képeket e megközelítés szinte soha nem az ő természetes méret, átméretezés, és általában rossz hatással, hogy a kép úgy néz ki.
Második. A legtöbb helyen már lefektetett fix betűméret és méretválaszték meglehetősen szűk (például a fő szöveg ritkán kevesebb, mint 12 képpont nagyobb 14-16px). Ez formák bizonyos elvárásokat a felhasználók, szokni egy bizonyos abszolútumok betűméretet.
Betűtípus egy oldalon, hogy elő az utat lesz nagy monitorok meg nagyobb (és kisebb - kisebb), mint a betűtípus más oldalakon. Ebből a felhasználók minden bizonnyal azt a benyomást keltik, hogy ezen az, hogy a webhely nem, és használja őket, mint egy furcsa hely.
Ami nem öl meg minket tesz minket fogyatékosok.
Betűtípus egy oldalon, hogy elő az utat lesz nagy monitorok meg nagyobb (és kisebb - kisebb)
Téves állítás.
betűméret. megjelenő különböző méretű / felbontású monitorok elhelyezve egy ergonomikus régió méretüknek megfelelően. Ez lesz ugyanazon a szögletes mérete.
Nekiálltam a végén az oldalt. szempont ergonómia dinamikus elrendezés típusú rugalmas
Tudom megváltoztatni az ablak méretét körülbelül 700h700
Miért változás. És ha ez megtörténik, rögzített vagy gumi-site. Oldal általában szétesik. megkötése miatt elemek különböző oldalán a képernyőn, vagy rejtett a böngészőn kívül. Meg kell dolgozni a csúszka fölött.
Ez képezi felhasználó bizonyos elvárásoknak
Meg kell alakítani a várakozásokat.
Tudja, hogyan néz ki, mint egy partnert a monitor 25 „tisztán” színek „olvasztott össze az elemeket egy oldal lehet mondani, hogy ez a kapcsolat.
Például, a webhely egy monitor 25 „(CRT) nem látok. Még ha nem is létrehozott 2048 vízszintes. És a stopper. Nem kell minden vágya, hogy elrontani egy elképzelés. Ergonómia. Sem amelyből nem lehet segíteni.
Nagy felbontású monitorok nem rendelnek, amely illeszkedik annyi elemek lehetséges. és megjeleníti ezeket az elemeket. például képet. sokkal jobb felbontású.
Természetesen dinamikus elasztin elrendezés észlelt szokatlan. de még mindig figyelembe véve az ergonómiát és használhatóságot a legtökéletesebb fajta elrendezés.
átméretezése és általában rossz, hogy
Tulajdonképpen, ha megérinti a kép minősége a pontmátrixos kijelzők. LCD. plazma és más „sima” jeleníti meg a képet megfelelő minőségű soha nem lesz lehetséges. A felbontás és a méret a kijelző sejt túl nagy képest, hogy a CRT monitorok.
Ebből a szempontból. a képek átméretezése nem vezeti be romlik a képminőség. További képek befolyásolja kommentátor. Általában IE 9 megjeleníti a képet, sokkal jobb, mint például a Google Chrome 13. A második gorazdot rosszabb, mint a megjelenített képfeldolgozó algoritmus. hogy nagyon észrevehető, ha dőlt betűvel jelennek meg különösen.
Ha a Google Chrome tenné normális grafikus processzort tartalmaz. Épp mászott, mint egy halott teknős, és lenne a farok végén a teljesítményt.