Web Page Design för Alla Resolutions

anför aktivitetsfältet. Den totala bredden på klientområdet tas som 100%. Den totala höjden av klienten området tas som 100% .Under normala förhållanden är de mått i procent av alla element i stomelementet mätt i förhållande till dimensionerna (bredd och höjd) för klienten området. Så en DIV element med en bredd på 50% kommer att ta halva bredden av klientområdet. Ett bildelement i kropp som har en höjd av 50% kommer att ta halv höjd klientområdet.

Även om bilden återfinns längre ner på webbsidan och du måste scrolla ner för att se det, om höjden gavs som 50%, när du ser det, kommer det att vara 50% av kundens zonens höjd. På tal om innehåller element, om bilden är i en DIV element, som är i BODY elementet bör då bilden i DIV element med en 50% bredd upptar en bredd 50% av DIV elementet; som är verksamt 25% bredden på klientområdet. BODY ElementThe standardbredden av kroppselementet är att för klienten området.

Höjden på BODY elementet kan alltid utsträckning nedanför klientområdet, och du kommer att behöva scrolla ner för att se elementen i BODY längre ned. Vet att när du ger mått (bredd och höjd) i procent för alla element i BODY är andelen i förhållande till dimensionerna (bredd och höjd) för klienten området, och inte bredden och höjden på BODY elementet. Mot denna bakgrund är kroppselementet en exceptionell innehåller element. Med andra innehåller element, bredd och höjd på ett element i procent att den har, är i förhållande till bredden och höjden på innehåller element.

Fonts och höjd innehållande ElementsAssume att du inte ger pixelenheten till dimensionerna hos en innehållande elementet, när upplösningen ändras, den faktiska storleken på innehållande elementet kommer att förändras. Text i innehållande elementet sveper normalt för att passa den nya bredden på det innehåller element. Så typsnittet normalt inte utgör ett problem med upplösning förändring. Den teckenstorlek karaktär kan ändras något som ändras upplösning, men det är oftast inte en stor sak.

Såvitt fonter (text) eller andra inline-element beträffar, är problemet vanligtvis med höjden av den innehållande elementet. Tänk dig att du har två innehåller element, den ena över den andra, vertikalt. Anta att du ger dessa element bestämda höjder och bredder i procent, fyller text båda elementen, och allt är bra i en resolution. Du flyttar nu till en annan resolution, där den verkliga bredden och höjden på innehåller element har ökat. Vad kommer att hända i denna nya resolutionen att texten (med a