Skapa en 2 Kolumner Elastic Css layout med Flexi CSS-layouter Dreamweaver Extension

Omdömen

Skapa en 2 kolumner elastisk CSS-layout med Flexi CSS layouter Dreamweaver förlängning Inlagd av admin i Dreamweaver Extensions, Dreamweaver Tutorials 4 december 2010 | Inga svar

En flytande layout är procentsats baserad. Med andra ord kommer en 100% bredd layout spänna till hela skärmen, oavsett användarens upplösning. När du använder en flytande layout innehållet kommer att utnyttja allt tillgängligt utrymme som är bra om du har en massa text.

Som en bästa praxis för att hålla layouten läsbar, bör du ställa in en maximal bredd och min bredd: till exempel min bredd 960px innebär layouten inte kommer att krympa under 1024 × 768 resolutioner och max bredd 1260px inte kommer att låta layouten blir större än upplösningen 1400px skärmen. Om du började layouten som en flytande layout och vill raderna inuti också vätska (anpassa sig till skärmens upplösning och hålla proportionerna) då alla Divar inne beräknas som en andel av sina föräldrar. Du kan också blanda fasta kolumner med flytande kolumner.

Omdömen

En flytande layout är procentsats baserad. Med andra ord kommer en 100% bredd layout spänna till hela skärmen, oavsett användarens upplösning. När du använder en flytande layout innehållet kommer att utnyttja allt tillgängligt utrymme som är bra om du har en massa text. Som en bästa praxis för att hålla layouten läsbar, bör du ställa in en maximal bredd och min bredd: till exempel min bredd 960px innebär layouten inte kommer att krympa under 1024 × 768 resolutioner och max bredd 1260px inte kommer att låta layouten blir större än upplösningen 1400px skärmen.

Om du började layouten som en flytande layout och vill raderna inuti också vätska (anpassa sig till skärmens upplösning och hålla proportionerna) då alla Divar inne beräknas som en andel av sina föräldrar. Du kan också blanda fasta kolumner med flytande kolumner. Omdömen

Omdömen