# 022: Flexy slike (slike i natpisi) - CSS-trikovi

Anonim

Prije nego što obavimo neki tipografski posao, mislio sam da ćemo popraviti dosadnu stvar kad slike propadaju izvan područja članka i rešetke. Koristeći neka jednostavna CSS pravila za poništavanje atributa umetnute slike i stila, slike možemo mljackati kako bi se uklopile u naš post ispravne veličine.

Skvičanje slika poput ovog nekad je bilo prilično hladno, jer su preglednici loše radili na promjeni veličine, ali to više nije slučaj. To je zapravo dobra ideja jer zasloni dobivaju veću razlučivost, jer će slike biti oštrije.

Promjenom veličine u osnovi se bave:

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

Figura i slike malo oblikujemo kako bismo izgledali, znate, poput odgovarajuće figure u postu na blogu.