Om du inte ger innehåller element höjder, kommer webbläsaren alltid ge dig höjden för vilken text (och andra inline-element) passar in i den innehåller element (utan mellanslag längst ned). Bilder Vanliga resolutioner i dag är 800 x 600, 1024 x 768 och 1152 x 864. Ju större upplösning, desto större datorskärmen. Anta att du har en bild, i den minsta skärmupplösning, och ni har gett bildens dimensioner i procent. Antar också att om du var tvungen att ge bild dimensioner pixel, skulle bilden fortfarande ha samma faktiska storlek som det hade med procentsats.
Så, nu har du en bild med måtten i procent och du vet motsvarande mått i pixlar. När webbsidan med bilden visas i en högre skärmupplösning, kommer bilden verkar större. Vet att under detta förhållande, i högre upplösning bildinformation försvinner. Om du hade gett dimensionerna på bilden i pixlar, i högre upplösning (med en större skärm), skulle inte storleken på bilden har ändrats (signifikant) och bildinformation skulle ha upprätthållits. Så, ge bildens dimensioner i procent, resulterar i en ökning i storlek som förväntat men med förlust av detaljer.
Å andra sidan, vilket ger dimensionerna i bildpunkter bibehåller detaljerna som förväntat, men utan någon storleksökning. Det är ett av problemen, är förändring av upplösning brings.The lösning för att designa din webbsida med den högsta upplösningen du tror att dina användare har och ändå ge procentenhet till bildens dimensioner; nu när du går ner i upplösning, skärmstorlek och bildstorleken (och hela webbsidan) minskar; så är bildinformation inte förlorat. Bara godta principen i denna punkt; Jag kommer inte att förklara hur det verkligen works.
The problemet med förlorade detaljer ses endast med bilder och videor (rörliga bilder består av bilder) då andelen används. Det ses inte med andra HTML-element. Jag har berättat hur man kan lösa detta problem. Det finns några goda nyheter om bilder o