Du kan gi inneholder elementer bredder i prosent, men ikke høyder. Hvis du ikke gir inneholder elementer høyder, vil nettleseren alltid gi deg den høyden som tekst (og andre inline elementer) vil passe inn i den inneholdt element (uten mellomrom nederst). Bilder Vanlige resolusjoner i dag er, 800 X 600, 1024 x 768, og 1152 x 864. Jo større oppløsning, jo større skjermen. Anta at du har et bilde, i den minste oppløsning skjermen, og du har gitt bildet dimensjoner i prosent.
Også anta at hvis du måtte gi bildet dimensjoner av pixel, ville bildet fortsatt ha den samme faktiske størrelsen som den hadde med prosent. Så, du har nå et bilde med dimensjoner i prosentandel, og du vet de tilsvarende dimensjoner i piksler. Når nettside med bildet vises på en skjerm med høyere oppløsning, vil bildet vises større. Vet at under denne tilstanden, i høyere oppløsning bilde detaljer vil bli tapt.
Hvis du hadde gitt dimensjonene på bildet i piksler, i høyere oppløsning (med en større skjerm), vil størrelsen på bildet ikke har endret seg (betydelig) og bildedetaljene ville ha blitt opprettholdt. Så, noe som gir bildet dimensjoner i prosent, resulterer i en økning i størrelse som forventet, men med mistet detaljer. På den annen side, noe som gir dimensjonene i piksler opprett detaljene som forventet, men uten størrelse øker. Det er et av problemene, er endring av oppløsning brings.
The løsning for å designe din nettside med den høyeste oppløsningen du tror brukerne har, og fortsatt gi den prosentenhet til bildet dimensjoner; nå som du går ned i oppløsning, skjermstørrelsen og bildestørrelsen (og hele nettsiden) reduserer; så, er bildedetaljer ikke tapt. Bare godta prinsippet om dette punkt; Jeg vil ikke forklare hvordan det egentlig works.The problemet med tapt av detaljene er sett bare med bilder og videoer (bevegelige bilder består av bilder) når prosentandelen er brukt. Det er ikke sett med andre HTML-elementer.
Jeg har for