# 022: paindlikud pildid (joonised ja pildiallkirjad) - CSS-trikid

Anonim

Enne tüpograafiatöö tegemist mõtlesin, et parandame tüütu asja, kus pildid kõlbavad väljaspool artikli ala ja ruudustikku. Kasutades mõningaid lihtsaid CSS-reegleid pildisiseste atribuutide ja stiili alistamiseks, saame pildid sobiva suurusega postitusse sobitada.

Niisuguste piltide kükitamine oli varem üsna jahe, kuna brauserid tegid suuruse muutmisel halba tööd, kuid see pole enam nii. See on tegelikult omamoodi hea idee, kuna ekraanid saavad suurema eraldusvõime, kuna pildid on teravamad.

Suuruse muutmisega tegelevad peamiselt:

figure img ( max-width: 100%; height: auto !important; )

Me kujundame kujundeid ja pildiallkirju vaid natuke, et need näeksid välja nagu mõni korralik kuju blogipostituses.