Før vi laver typografi, tænkte jeg, at vi ville rette op på den irriterende ting, hvor billederne sprængte uden for artikelområdet og gitteret. Ved hjælp af nogle enkle CSS-regler til at tilsidesætte integrerede billedattributter og stil kan vi klemme billeder, så de passer ind i vores indlæg i den rigtige størrelse.
Squishing af billeder som dette plejede at være temmelig ukølige, da browsere gjorde et dårligt stykke arbejde med at ændre størrelse, men dette er ikke tilfældet længere. Det er faktisk en god ide, da skærme får en højere opløsning, da billederne bliver skarpere.
Ændringen af størrelse behandles i det væsentlige af:
figure img ( max-width: 100%; height: auto !important; )Vi styler figurerne og figcaptions bare en lille smule for at få dem til at se ud, du ved, som en ordentlig figur i et blogindlæg.