Web Page Design for All Resolutions

asiakas alue otetaan 100% .Under Normaalioloissa, mitat prosentteina elementti elimistössä elementti mitataan suhteessa mitat (leveys ja korkeus) asiakas alue. Joten DIV elementin, jonka leveys on 50% vie puolet leveys asiakas alue. Kuva elementti BODY, jonka korkeus on 50%: vie puolet korkeudesta asiakas alue. Vaikka kuva löytyy alempana sivun ja sinun täytyy selaa nähdä se, jos korkeus annettiin 50%, kun näet sen, se on 50% asiakas alue korkeus.

Puhutaan sisältävät elementti, jos kuva on DIV elementin, joka on kehossa elementti, niin kuva DIV elementti 50% leveys olisi miehittää 50% leveys DIV elementin; että on effectually 25% leveydestä asiakkaan alueella. BODY ElementThe Oletuksena leveys BODY elementin on, että asiakkaan alueella. Rungon korkeus elementti voi aina määrin alhaalla asiakas alue, ja joudut selaa nähdä elementtejä BODY alempana.

Tiedä, että aina kun annat mitat (leveys ja korkeus) prosentteina kaikkiin osa kehossa, prosenttiosuus on suhteessa mitat (leveys ja korkeus) asiakas alue, eikä leveys ja korkeus BODY elementin. Tässä valossa, BODY elementti on poikkeuksellinen sisältävä elementti. Kanssa muita, jotka sisältävät elementtejä, leveys ja korkeus elementin prosentuaalisesti, että se on, on suhteessa leveys ja korkeus, joka sisältää element.

Fonts ja korkeus sisältävien ElementsAssume että et antaa pikselin yksikön mitat, joka sisälsi elementti, jolloin päätös vaihtaa, todellinen koko, joka sisältää elementin muuttuu. Teksti sisälsi elementin yleensä ylireagoi sopimaan uuden leveyden sisältävät elementin. Joten kirjasin ei normaalisti aiheuta ongelmia päätöslauselman muutosta. Fonttikokoa merkki voi muuttua hieman, sillä tarkkuus muuttuu, mutta tämä ei yleensä ole iso juttu. Sikäli kuin fontit (teksti) tai muita rivinsisäiselementtejä osalta ongelma on yleensä korkeus sisältävien elementin.

Kuvittele, että sinulla on kaksi sisältävät elementtejä, toinen toisensa yläpuolelle, pystysuunnassa. Oletetaan, että annat nämä elementit varmaa korkeuksiin ja leveyksiä prosentteina, teksti täyttää molemmat elementit, ja kaikki on hyvin yhdessä päätöslauselmassa. Voit nyt siirtyä toiseen päätöslauselman, jossa varsinainen leveys ja korkeus sisältäviä ovat lisääntyneet. Mitä tapahtuu uudessa päätöslauselmassa on, että teksti (muiden rivinsisäiselementtejä) kussakin näistä sisältäviä säätää itsensä täyttää elementtiin, joka alkaa ylhäältä.

Joten kummankin elementtien selvä leveys ja korkeus prosentteina, alaosa on tyhjä, koska jokainen on laajentunu