Hogyan készítsünk egy burjánzó helyén
A kiadói oldalak gyakran van, hogy megoldja az alapvető kérdés: mi az oldal viselkedését, amikor megnyitja azt egy másik képernyő felbontása? Két lehetőség van - a „gumi” (nyújtás) a helyszínen, vagy a statikus oldalakat. Körülbelül az első kiviteli alakot fogunk ismertetni. Bármi legyen is a preferencia az elrendezés, a fő elv a tervezés a szakaszon a relatív skálázhatóság.
Régóta nem titok, hogy az elrendezés lehet a különböző típusú - asztalokon, div-blokkok és kombinált (táblák és blokkolja ugyanabban az időben). Asztali elrendezés felel meg html-tag
A programban azt nevezik „Táblázat” található és a fülek vizuális formában. A szerkezet Ezen címke különböző tulajdonságokkal rendelkeznek. Meg kell, hogy nyúlik a „width” és „height” ( „width” és „height” -kal). A kód a főtábla, ami lesz az alapja burjánzó helyén, adja meg:
. Itt a szerkezet a tábla tartalmát a helyszínen.
Ha meg kell határozni a pontos összefüggés a táblázatcellákhoz, használja a következő példát:
cella tartalmát 1.
A cella tartalmát 2.
Itt látható, hogy az egyik a sejtek tartalmazza a szélessége a 30% -át, amelyet az határoz meg az asztalon is. Egyszerű számítás azt mutatja, hogy a második sejt 100% -30% = 70%. Ne feledje, hogy ebben az esetben, az egyik a sejtek a táblázatban nem kell beállítani a szélesség attribútum (szélesség). Minden számításai saját böngésző és megfelelően nyúlik a táblázat cella. Tartalmát asztal is tágulási és zsugorodási különböző képernyőkön.
Abban az esetben, div-tag elrendezés blokkok
Általában ez elején helyezkedik el a forgatókönyvet, amely meghatározza a jövőben a teljes geometria a helyszínen:
Kód CSS-szabály a következő:
. MyClass szélessége: 30% -
magasság: 50% -
>
#myID szélessége: 30% -
magasság: 50% -
>
Felhívjuk figyelmét,
Szánj időt, hogy nézd meg a kapott mintát minden főbb böngészők (Mozilla Firefox, Google Chome, Internet Explorer, Opera). Meg kell helyesen kell feszíteni mindegyikre.
egészséges tanácsadás
A szélessége és magassága a táblák, akkor is regisztrálni a CSS-fájlt (Cascading Style Sheets). Ebben az esetben a szélesség és a magasság meghatározott index-fájlokat, és a hivatkozásokat osztályok és ID saját stílusokat.