# 022: Flexy képek (ábrák és képaláírások) - CSS-trükkök

Anonim

Mielőtt néhány tipográfiai munkát végeznénk, azt gondoltam, hogy kijavítjuk a bosszantó dolgot, ahol a képek a cikk és a rácson kívül esnek el. Néhány egyszerű CSS-szabály használatával felülírhatjuk a beépített képattribútumokat és stílust, így a képeket összeszedhetjük, hogy a megfelelő méretben illeszkedjenek bejegyzésünkbe.

Az ilyen képek gúnyolódása meglehetősen hűvös volt, mivel a böngészők rossz munkát végeztek az átméretezéssel, de ez már nem így van. Valójában jó ötlet, mivel a kijelzők egyre nagyobb felbontásúak, mivel a képek élesebbek lesznek.

Az átméretezéssel lényegében a következők foglalkoznak:

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

A figurákat és a képaláírásokat csak kissé stilizáljuk, hogy azok olyanok legyenek, mint egy blogbejegyzés megfelelő alakja.