Undgå at give højder indeholder elementer enten i procenter eller pixels. Du kan give et indhold i procent elementer bredder, men ikke højder. Hvis du ikke giver indeholder elementer højder, vil browseren altid give dig højde for hvilken tekst (og andre inline elementer) vil passe ind i den der indeholder elementet (uden mellemrum nederst). Billeder Almindelige resolutioner i dag er, 800 x 600, 1024 x 768, og 1152 x 864. Jo større opløsning, jo større computerskærmen. Antag, at du har et billede, i den mindste opløsning skærm, og du har givet billedet dimensioner i procent.
Også antage, at hvis du skulle give billedet dimensioner af pixel, ville billedet stadig have den samme faktiske størrelse, som det havde med procent. Så har du nu et billede med dimensioner i procent, og du kender de tilsvarende dimensioner i pixels. Når websiden med billedet vises i en højere opløsning skærm, vil billedet synes større. Vid, at i henhold til denne betingelse, i højere opløsning billedet detaljer vil blive tabt.
Hvis du havde givet dimensioner af billedet i pixels, i højere opløsning (med en større skærm), vil størrelsen af billedet ikke er ændret (betydeligt) og billeddetaljerne var blevet opretholdt. Så, hvilket giver billedet dimensioner i procent, resulterer i en stigning i størrelse som forventet, men med mistede detaljer. På den anden side, hvilket giver dimensionerne i pixels opretholder detaljer som forventet, men med nogen forøgelse størrelse. Det er et af problemerne, skift af opløsning brings.
The løsning er at designe din webside med den højeste opløsning du tror dine brugere har, og stadig give den procentvise enheden til billedets dimensioner; nu, som du går ned i opløsning, skærmstørrelse og billedstørrelse (og hele websiden) reducerer; så er billeddetaljer ikke tabt. Bare acceptere princippet i dette stykke; Jeg vil ikke forklare, hvordan det egentlig works.The problemet med tabt af detaljer ses kun med billeder og vid